jqueryの前のすべてのリクエストを中止します

Question

私のアプリケーションには検索ボックスがあります。ユーザーが検索ボックスに単語を入力している間に結果を表示する必要があります。このために私はすべての以前のリクエストを中止し、最後のリクエストの結果をグリッドで表示する必要があります。

グリッドを使用しているため、グリッドの「beforeSend」イベントはjquery beforeSendイベントをオーバーライドします。だから私は

<script type="text/javascript"> 
$(function() { 
    $.xhrPool = []; 
    grid.Adaptor.prototype.beforeSend = function (jqXHR) { 
     $.xhrPool.push(jqXHR); 
    } 
    $.xhrPool.abortAll = function() { 
     $(this).each(function (i, jqXHR) { 
      jqXHR.abort(); 
      $.xhrPool.splice(i, 1); 
     }); 
    } 
    $.ajaxSetup({ 
     complete: function (jqXHR) { 
      var i = $.xhrPool.indexOf(jqXHR); 
      if (i > -1) $.xhrPool.splice(i, 1); 
     } 
    }); 
}) 

、コードの下に使用しかし、私はxhrPoolに要求をプッシュすることができますが、私は以前の要求を中止することはできません。

注：$.xhrPool.abortAll = function() {ブレークポイントを配置しても、これは当てはまりません。

ここには何がありますか？

Answer 1

ユーザーが検索ボックスに単語を入力している間に結果を表示する必要があります。これについては私は前のすべてのリクエストを中止する必要がありますとの最後のリクエストの結果をに表示してください。

あなたのコード：

$.ajaxSetup({ 
    complete: function (jqXHR) { 
     var i = $.xhrPool.indexOf(jqXHR); 
     if (i > -1) $.xhrPool.splice(i, 1); 
    } 
}); 

要求がsuccessまたはerrorような応答を持っているだけで、このcompleteコールバック火災など何もしません。だからここで打ち切ることは意味をなさない。

私はあなたがclearTimeout()と一緒に、時限setTimeout()を使用することをお勧め：あなたは配列オブジェクトにメソッドを追加する

$(function() { 
    var time; 

    $('input').keydown(function(e){ 

    if(time){ 
     // before hitting the ajax 
     // clear the timeout if there is/are 
     clearTimeout(time); 
    } 

    time = setTimeout(function(){ 
     // here put the ajax code. 
    },600); 

    }); 

})