2013-11-22 69 views
0

我對JavaScript有點新,我有一個非常愚蠢的問題:如何從HTML中調用我在Coffeescript文件中的函數?如何從html生成ajax調用

我希望用戶能夠選擇他們看到我的網站的語言,但不希望我的html被重新加載。

我使用i18next進行翻譯,現在我需要的是添加一些按鈕來選擇語言。

該函數將重新加載頁面的一部分是在我的咖啡文件。

那麼,我怎樣才能從我的HTML文件調用這個功能? PS:如果你能告訴我一些例子,它會很棒!

+3

Raad http://api.jquery.com/jQuery.ajax/ –

+0

只需注意:編程語言名稱不需要「這種文本風格」。 ;) –

+0

好的,謝謝你的提示;) – Sascuash

回答

1

只需使用這些代碼與jQuery :)

var data = { 
    'value': $("#myb option:selected").val(), 
    'link': 'kapil' 
    } 
$.post("your_file",data, function(response) { 
     alert(response);    
     }); 
+0

好的,如果我的鏈接是這樣的話:'{{STATIC_URL}} js/game {%if debug%} .min {%endif%} .js?b = 20130927' ,我怎樣才能調用特定的功能? – Sascuash

+0

你可以讓我知道哪種編程語言用於該操作? –

+0

html5,coffeescript,craftyjs(那些在前端) – Sascuash

0

如果您的HTML代碼中包含有像

<button type="button" name="submit" id="submit" onclick="change();" >Submit</button> 

按鈕編寫一個腳本來發送Ajax請求:

function change(){ 
$.ajax({ 
     url:"add url here", 
     type:"POST", 
     data:{"dataval":add} //add is a variable that contains value, 
     success:function(response){ 
     alert(response); 
     }, 
     error:function(r,e,s){ } 
}); 
} 

你可以在成功函數中創建html(用於響應)並通過響應替換div的內容