jQuery ajax request cancelledが現在のリクエストを遅くしました

Question

私は現在、jQueryイベントキー押しでデータベースのアドレスを取得するツールを使用しています。 テキスト入力がフォーカスを失ったときに、ユーザーが入力を完了した後にドロップダウンが表示されないように、保留中の要求をすべて取り消します。 すべて正常に動作しますが、終了するには私のフォームの次のステップに進む最終的なAjaxリクエストを送信します。このリクエストは、これらのリクエストをすべてキャンセルする前よりもはるかに遅いです。キャンセルされたリクエストが保留中のリクエストに影響を与えてはならない理由はわかりません（クロムツールの[ネットワーク]タブで探しています）。 私はこのコードを使用しています：

jQuery.xhrPool = []; 
jQuery.xhrPool.abortAll = function() { 
    jQuery(this).each(function(idx, jqXHR) { 
     jqXHR.abort(); 
     jQuery('.loader').hide(); 
    }); 
}; 

jQuery.ajaxSetup({ 
    beforeSend: function(jqXHR) { 
     jQuery.xhrPool.push(jqXHR); 
    }, 
    complete: function(jqXHR) { 
     var index = jQuery.xhrPool.indexOf(jqXHR); 
     if (index > -1) { 
      jQuery.xhrPool.splice(index, 1); 
     } 
    } 
}); 

jQuery('#my_input').blur(function(){ 
    jQuery.xhrPool.abortAll(); 
}); 

私は私が得ることはありません最適化のトリックがあると思います。 ありがとうございます。

Answer 1

は、サーバへのAJAXリクエストを開き、要求をキャンセルすると、キャンセルしないだろうという、あまりにも覚えておいてください検出サポートされていることでblurイベントサーバ上での処理からの要求であれば、単にブラウザが応答をリッスンするのを止めるだけです。サーバーは、切断されたajax要求が実行を終了するまで処理し続けます。この時点で、クライアントに応答を送信し、リッスンする人が見つからない場合、その時点で死亡します。

Answer 2

jQuery('#my_input').focusout(function(){ 
    jQuery.xhrPool.abortAll(); 
});  

それは親要素からのフォーカスの喪失

blur vs focusout -- any real differences?