如何从html生成ajax调用

问题描述：

我对JavaScript有点新，我有一个非常愚蠢的问题：如何从HTML中调用我在Coffeescript文件中的函数？如何从html生成ajax调用

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

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

该函数将重新加载页面的一部分是在我的咖啡文件。

那么，我怎样才能从我的HTML文件调用这个功能？ PS：如果你能告诉我一些例子，它会很棒！

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

只需注意：编程语言名称不需要“这种文本风格”。 ;） –

好的，谢谢你的提示;） – Sascuash

答

只需使用这些代码与jQuery :)

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

好的，如果我的链接是这样的话：'{{STATIC_URL}} js/game {％if debug％} .min {％endif％} .js？b = 20130927' ，我怎样才能调用特定的功能？ – Sascuash

你可以让我知道哪种编程语言用于该操作？ –

html5，coffeescript，craftyjs（那些在前端） – Sascuash

答

如果您的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的内容

如何从html生成ajax调用

相关推荐