排序 Ajax 请求

在许多 Web 应用程序中，通常会遇到需要迭代集合并对每个元素发出 Ajax 请求的情况。虽然利用异步请求来避免浏览器冻结很诱人，但有效管理这些请求可以防止服务器过载和其他潜在问题。

jQuery 1.5

对于 jQuery 1.5 及更高版本，$. ajaxQueue() 插件提供了一个简单的解决方案。该插件利用 $.Deferred、.queue() 和 $.ajax() 函数来编排 Ajax 请求并返回一个在请求完成时解析的承诺。

jQuery 1.4

For jQuery 1.4 用户，另一种方法涉及使用空对象上的动画队列创建“队列”。此技术确保 Ajax 请求以受控方式执行，如果队列尚未运行，第一个请求将自动发起。

使用示例

以下代码片段说明了如何实现 Ajax使用 $.ajaxQueue() 插件进行排队。它迭代元素列表，并通过 Ajax 请求将每个项目复制到目标列表：

$("#items li").each(function(idx) {
  $.ajaxQueue({
    url: '/echo/html/',
    data: { html: "["   idx   "] "   $(this).html() },
    type: 'POST',
    success: function(data) {
      $("#output").append($("