使用相同AJAX函数的多个AJAX调用

Question

我正在寻找快速连续触发几个jQuery AJAX请求，所以响应不会在下一个请求之前发生。但是，我确实想要用成功功能来处理这些响应中的每一个。

使用以下代码，前两个响应将被忽略，只有最后一个响应。

$('#button').click(function() { 
    var num = 3; 
    for(var i=0;i<num;i++) 
     ajaxCall(i); 
} 


function ajaxCall(data){ 
    $.ajax({ 
     url: '/echo/html/', 
     success: function(msg) { 
      alert(msg); 
     } 
    }); 
} 

但是我试图让所有三个警报都显示出来。似乎每次调用ajaxCall函数时，它都会使用与前一次相同的“对象”，而不是实例化一个新对象，这正是我想要做的。

Answer 1

试试这个（使用Deferred Object）

$('#button').click(function() { 
    var num = 3; 
    for(var i=0;i<num;i++) { 
     ajaxCall(i).done(function(data) 
      { 
      alert(data) 
      } 
     ); 
    } 
}); 


function ajaxCall(data){ 
    return $.ajax({ 
     url: '/echo/html/' 
    }); 
}