jQuery：计算.each（）中ajax调用的成功次数

我需要计算在列表中的每个项目上成功执行jQuery ajax调用的次数。

我从这里开始，但后来意识到这将无法工作，因为ajax的“异步”部分：

var numSuccessfullUpdates = 0; $('#saveMyListItems').click(function (event) { event.preventDefault(); $('ul#myList li').each(function () { $.ajax({ url: '[my_url]', type: "POST", data: { // [data block here, not relevant to question] }, success: function () { numSuccessfullUpdates++; } }); }); if (successfullUpdates > 0){ alert(numSuccessfullUpdates); } }); 

有什么建议？

Answer 1

您可以使用AJAX的complete处理程序并计算状态结果，直到结果总数等于请求总数。 这是示例代码， 也可以作为jsFiddle使用

 $('#saveMyListItems').click(function (event) { event.preventDefault(); var ajaxCounter = { goal: $('ul#myList li').length, total: 0, success: 0, notmodified: 0, error: 0, timeout: 0, abort: 0, parsererror: 0 } $('ul#myList li').each(function () { $.ajax({ url: '/echo/html', type: "POST", timeout: 1500, data: { html: "foobar", delay: Math.floor(Math.random() * 5) }, complete: function (jqXHR, textStatus) { ajaxCounter.total++ ajaxCounter[textStatus]++; if (ajaxCounter.total >= ajaxCounter.goal) { alert(ajaxCounter.success + ' out of ' + ajaxCounter.total); } }, }); }); }); 

Answer 2

你可以试试jQuery 1.5+中新的when()和then()特性，

 $.when($.ajax("/page1.php"), $.ajax("/page2.php")).then(myFunc, myFailure); 

这里在两个ajax请求成功时执行函数myFunc，如果任何一个有错误，则执行myFailure。

因此，通过上述函数，您可以检查在运行myFunc函数时是否已成功完成所有ajax请求。

Answer 3

您还需要计算所有响应，并在达到总计或合理超时到期时发出警报。