如何从html生成ajax调用

时间:2013-11-22 09:35:44

标签: javascript jquery html ajax coffeescript

我对JavaScript有点新鲜,我有一个非常愚蠢的问题:如何在HTML的Coffeescript文件中调用我的函数?

我希望用户能够选择他们看到我网站的语言,但不希望我的html重新加载。

我正在使用i18next进行翻译,现在我需要添加一些按钮来选择语言。

该功能将重新加载页面的一部分在我的咖啡文件中。

那么,如何从我的html文件中调用此函数?

PS:如果你能告诉我一些例子,那就太棒了!

2 个答案:

答案 0 :(得分:1)

只需将这些代码与jquery一起使用:)

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

答案 1 :(得分: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的内容