Избегайте предыдущий запрос Ajax на вызов тот же запрос Ajax снова в JQuery

Question

Я хочу, чтобы избежать предыдущего запроса Ajax на вызов тот же запрос Ajax снова в JQuery

<input type="text" id="username" onkeyup = "userName(this)" > 



function userName(e) { 
    $.ajax({ 
     type:"POST", 
     url:BasePath + "https://stackoverflow.com/users/userName", 
     data:"name=" + $.trim($(e).val()), 
     success:function (resp) { 
     if (resp == 1) { 
      $('#div.error_message').html('Username already taken...').show(); 
     } else { 
      $('#div.error_message').hide(); 
     } 
     } 
    }); 
} 

Answer 1

Вы можете использовать .abort()

<input type="text" id="username" onkeyup = "userName(this)" > 


<script>var xhr=null; 
function userName(e) { 
    if(xhr)xhr.abort();//first time it will not be aborted 
    xhr=$.post(BasePath + "https://stackoverflow.com/users/userName",{"name": $.trim($(e).val())},function (resp) { 
     if (resp == 1) { 
      $('#div.error_message').html('Username already taken...').show(); 
     } else { 
      $('#div.error_message').hide(); 
     } 
     }); 
}</script> 

Использование $ .post вместо $ .ajax, как это упрощенная и короткая форма $ .ajax

Answer 2

var ajaxReq; 
function userName(e) { 

    if(ajaxReq){ 
     ajaxReq.abort(); 
     //OR you may return from here as 
     //another request is already in progress 
    } 

    ajaxReq = $.ajax({ 
     type:"POST", 
     url:BasePath + "https://stackoverflow.com/users/userName", 
     data:"name=" + $.trim($(e).val()), 
     success:function (resp) { 
      if (resp == 1) { 
       $('#div.error_message').html('Username already taken...').show(); 
      } else { 
       $('#div.error_message').hide(); 
      } 
      ajaxReq=null; 
     } 
    }); 
}