【问题标题】:How to generate ajax calls from html如何从 html 生成 ajax 调用
【发布时间】:2013-12-07 03:10:28
【问题描述】:

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

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

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

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

那么,我怎样才能从我的 html 文件中调用这个函数呢?

PS:如果你能给我一些例子,那就太好了!

【问题讨论】:

  • 请注意:编程语言的名称不需要this style of text。 ;)
  • 好的,谢谢你的提示;)

标签: javascript jquery html ajax coffeescript


【解决方案1】:

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

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

【讨论】:

  • 好的,如果我的链接是这样的:{{ STATIC_URL }}js/game{% if not debug %}.min{% endif %}.js?b=20130927,我该如何调用具体的函数呢?
  • 您能告诉我该操作使用的是哪种编程语言吗?
  • html5、coffeescript、craftyjs(前端的那些)
  • 对不起,我不能帮助你,因为对 html5、coffeescript、craftyjs 了解不多。对不起! :(
【解决方案2】:

如果您的 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){ }
 });
 } 

你可以在success函数中创建html(for response)并用response替换div的内容

【讨论】:

    猜你喜欢
    • 2014-08-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-31
    相关资源
    最近更新 更多