异步jQuery请求计时问题

Question

作为一个学习练习,我已经将SO 功能请求的脚本混在一起(出于这个问题的目的,请忽略该请求的优点或其他方面).在脚本中我遇到了一个技术问题,我的有限的javascript知识无法通过,我很欣赏有关如何解决它的建议.

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

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

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

有没有办法监控查询,等待所有查询完成,然后一旦完成所有发送重置请求？或者我可以采取另一种方法吗？

Answer 1

你可以建立一个调用链

基于我之前对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的调用,或者只是删除它们.