异步 jQuery 请求计时问题

Question

作为学习练习，我为 SO feature request 编写了一个脚本（出于此问题的目的，请忽略该请求的优点或其他方面）。在脚本中，我遇到了一个技术问题，我有限的 javascript 知识无法解决，我很感激有关如何解决它的建议。

为了避免向服务器发送垃圾邮件，我使用了一些搜索技巧来确定标签的答案数量和接受的答案。这涉及使用 window.setTimeout() 回调一个函数，该函数为每个标签发送一个 get 请求，增加每次调用的超时时间以错开请求。

要在单个请求中获取结果，需要将 &pagesize=1 附加到 get 请求中 url 的末尾，以便结果中的页数为您提供结果总数，而无需进行任何进一步的请求.

这种方法的一个副作用是后续页面查看使用 &pagesize=1，而我只看到一个条目。我尝试通过使用 &pagesize=30 触发另一个查询来解决此问题，然后将其重置，但由于它都是异步的，因此最后一个查询的时间可能导致页面大小为 1 或 30，具体取决于哪个请求首先完成。我已经尝试为这个“重置”查询添加进一步的超时和回调，但它并没有真正帮助。

有没有办法监控查询，等到全部完成，然后在全部完成后发送重置请求？或者我可以采取其他方法吗？

Answer 1

你可以建立一个调用链

基于my previous idea of a ParallelAjaxExecuter，这里有一个SerialAjaxExecuter

$(function(){

  var se = new SerialAjaxExecuter( function( results )
  {
    console.log( results );
  }, 1000 );

  se.addRequest( $.get, 'test.php', {n:1}, function( d ){ console.log( '1 done', d ); }, 'text' );
  se.addRequest( $.get, 'test.php', {n:2}, function( d ){ console.log( '2 done', d ); }, 'text' );
  se.addRequest( $.get, 'test.php', {n:3}, function( d ){ console.log( '3 done', d ); }, 'text' );
  se.addRequest( $.get, 'test.php', {n:4}, function( d ){ console.log( '4 done', d ); }, 'text' );

  se.execute();

});

var SerialAjaxExecuter = function( onComplete, delay )
{
  this.requests = [];
  this.results  = [];
  this.delay    = delay || 1;
  this.onComplete = onComplete; 
}

SerialAjaxExecuter.prototype.addRequest = function( method, url, data, callback, format )
{
  var self = this;
  this.requests.push( {
      "method"    : method
    , "url"       : url
    , "data"      : data
    , "format"    : format
    , "callback"  : callback
  } );
  var numRequests = this.requests.length;
  if ( numRequests > 1 )
  {
    this.requests[numRequests-2].callback = function( nextRequest, completionCallback )
    {
      return function( data )
      {
        completionCallback( data );
        setTimeout( function(){ self.execute( nextRequest ); }, self.delay );
      }
    }( this.requests[numRequests-1], this.requests[numRequests-2].callback )
  }
}

SerialAjaxExecuter.prototype.execute = function( request )
{
  var self = this;
  if ( 'undefined' == typeof request )
  {
    request = this.requests[0];
    var lastRequest = this.requests[this.requests.length-1];
    lastRequest.callback = function( completionCallback )
    {
      return function( data  )
      {
          completionCallback( data )
          self.onComplete( self.results );
      }
    }( lastRequest.callback )
  }
  request.method( request.url, request.data, function( r )
  {
    return function( data )
    {
      self.results.push( data );
      r.callback( data );
    }
  }( request ) )
}

我没有在请求之间进行睡眠时间，但这当然可以添加。添加了超时

注意：此示例中充斥着 console.log() 调用，您需要使用 firebug，或者直接删除它们。

Answer 2

我不确定我是否完全理解问题，但为什么不链接请求而不是使用setTimeout？因此，在一个请求的响应处理程序结束时，会触发下一个请求。

Answer 3

将 &pagesize= 附加到页面上需要它的每个链接以及您当前使用的页面大小。