Отменить предыдущий вызов AJAX, когда новый?

Question

Я обновляю результаты поиска, когда пользователь вводит поисковый запрос.

Когда происходит 2 вызова ajax, иногда возвращается последний data_response. Мне нужно убедиться, что этого не произойдет.

Это мой код:

function filterCities(search) { 
    $.ajax({type:'GET',url:'/ventas/theme/citiesContainer.php',data: "search=" + search, 
    success:function(data_response){ 
     results.innerHTML = data_response; 
     }}); 
    } 

Как cancell предыдущие экземпляры одного и того же запроса, когда я делаю новый?

Answer 1

Это решение с простым счетчиком:

<script> 
var counter = 0; 
function filterCities(search,c) { 
    $.ajax({type:'GET',url:'/results.php',data: "search=" + search, 
    success:function(data_response){ 
     if(c == counter) { // Only update if it's data_response from last call 
      results.innerHTML = data_response; 
      } 
     }}); 
    } 
</script> 

<input type="text" onkeyup="counter++; filterCities(this.value,counter);"> 

Answer 2

Вы можете передать счетчик по URL-адресу и отправить счетчик обратно и просто проигнорировать результаты, если они не относятся к самой последней итерации. Очень похоже на порядковый номер в UDP-пакетах.

Answer 3

Вы должны искать плагин очереди Ajax (или написать один)

How do I go about getting the Ajax Queue plugin working in jQuery 1.3?

просто искать еще немного здесь на SO и Google для «Jquery очереди Аякса»