如何对 Ajax 请求进行排序以实现最佳控制？

对 Ajax 请求进行排序

迭代集合并对每个元素进行单独的 Ajax 调用时，必须控制顺序防止服务器过载和浏览器冻结。虽然可以使用自定义迭代器，但还有更优雅的解决方案可用。

jQuery 1.5

在 jQuery 1.5 及更高版本中，$.ajaxQueue() 插件利用 $.Deferred、$.queue() 和 $.ajax() 来管理请求排序并提供在请求完成时解析的承诺。

实现：

<br>(function($) {</p>
<p>var ajaxQueue = $({});</p>
<p>$.ajaxQueue = function( ajaxOpts ) {</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var jqXHR,
    dfd = $.Deferred(),
    promise = dfd.promise();

ajaxQueue.queue( doRequest );

promise.abort = function( statusText ) {
  if ( jqXHR ) {
    return jqXHR.abort( statusText );
  }
  var queue = ajaxQueue.queue(),
      index = $.inArray( doRequest, queue );
  if ( index > -1 ) {
    queue.splice( index, 1 );
  }
  dfd.rejectWith( ajaxOpts.context || ajaxOpts,
    [ promise, statusText, "" ] );
  return promise;
};

function doRequest( next ) {
  jqXHR = $.ajax( ajaxOpts )
    .done( dfd.resolve )
    .fail( dfd.reject )
    .then( next, next );
}

return promise;