Убивает предыдущие запросы 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

Когда вы итерация вашего ajaxPool массива с $.each, this уже объект jqXHR, который содержит метод abort(). Поэтому вы не должны пытаться преобразовать его в объект jQuery с помощью $. Используйте этот параметр:

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