Question

喜所以基本上我想实现这个目标：当用户点击onclick事件时（这里是html）：

<a href="javascript:;"  onclick="

                $.ajax({
        url: 'ajax.php?action=montant_global',
        success: function(html){
$('span#montant_global').html(html)
                   }
       })

"> the link  </a>

所以我正在寻找一种方法来多次调用这个ajax方法，我可以在onclick事件中多次复制和粘贴方法，但我正在寻找一种方法来通过.each（）或类似的东西。欢呼声

Answer 1

通过将类应用于此类标记，可以更好地工作。

<a href='javascript:void(0)' class='trigger'> the link </a>

然后在脚本标记中设置click事件。

jQuery('a.trigger').click(function() {
    // Loop as many times as you need
    for(var i = 0; i < 10; i++) {
        // Your ajax calls here
    }
});

如果你这样设置它应该可以正常工作。如果没有，它将下移到缓存，在这种情况下将额外的get参数传递给包含时间戳的文件。这会阻止浏览器加载缓存版本。

Answer 2

var ajaxquery = function() {
       $.ajax({
          url: 'ajax.php?action=montant_global',
          success: function(html){
                       $('span#montant_global').html(html)
                   }
       });
};
window.setInterval(ajaxquery, 1000);

Answer 3

作为Unobtrusive JavaScript的拥护者，我会将我的脚本放在单独的文件中，并为应该运行ajax的链接添加一个类或id

$(function() {
  $(".coolAjaxLink").click(function() {
    for(var i=0;i<10;i++) {
      $.ajax({
        url: 'ajax.php?action=montant_global',
        success: function(html){
          $('span#montant_global').html(html)
      });
    }
  });
}

将10更改为您想要调用的任何次数... 如果存在多个此链接且呼叫次数不同，我将创建“数据量”属性并添加到链接。但这一切都取决于你是否使用html5等......

在click事件上多次调用jQuery ajax方法

3 个答案: