在发送新消息之前终止先前的ajax请求

Question

我试图跟踪数组中的ajax请求，并在下一个消息发出之前取消所有现有请求，但我得到$（this）.abort（）函数不存在。有任何想法吗？

var ajaxPool = new Array(); 

    $('.search_input').live('keyup', function() { 

      $.each(ajaxPool, function(){ 

       $(this).abort(); 

      }); 

      var query = $('.search_input').val(); 

      if (query == '' || query == ' ') { 

       $('.search_results').remove(); 
       return false; 
      } 

      var request = $.ajax({ type: 'GET', 
        url: '{{ path('Search') }}/' + query, 

        beforeSend:function() { 


        }, 
        success:function(data){ 

         $('.search_results').remove(); 
         $('.search_bar').append(data); 

        },       
        error:function(){ 

         alert("Could not complete search."); 

        } 
       }); 

       ajaxPool.push(request); 
     }); 

Answer 1

当你与$.each迭代你ajaxPool阵列，this已经是jqXHR对象包含abort()方法。所以你不应该试着用$把它转换成jQuery对象。使用这个：

$.each(ajaxPool, function(){ 
    this.abort(); 
});