我想避免对jQuery中再次调用同一个Ajax请求之前的Ajax请求
function userName(e) {
$.ajax({
type:"POST",
url:BasePath + "/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()
var xhr=null;
function userName(e) {
if(xhr)xhr.abort();//first time it will not be aborted
xhr=$.post(BasePath + "/users/userName",{"name": $.trim($(e).val())},function (resp) {
if (resp == 1) {
$('#div.error_message').html('Username already taken...').show();
} else {
$('#div.error_message').hide();
}
});
}
代替$就使用.post的$，因为它简化和$就短期形式
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 + "/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;
}
});
}
文章来源: Avoid previous ajax request on calling the same ajax request again in jquery