Jquery 中止事件上的ajax调用
在变量中分配ajax调用,比如说Jquery 中止事件上的ajax调用,jquery,ajax,Jquery,Ajax,在变量中分配ajax调用,比如说myAjaxCall,并使用myAjaxCall.abort() 这部分代码甚至不会被命中,因为AJAX位于条件块的不同部分。是的,这是真的。但我不明白它为什么仍在执行这一部分。这里有什么问题?问题是当我单击个性化类时,它没有“加载个性化”和“divPersonalized”,所以它需要AJAX调用…当我再次单击时。个性化及时id#loading#U personalized显示时,它会隐藏,但上一个ajax调用尚未取消,因此它会执行并显示#divPersonal
myAjaxCall
,并使用myAjaxCall.abort()代码>
这部分代码甚至不会被命中,因为AJAX位于条件块的不同部分。是的,这是真的。但我不明白它为什么仍在执行这一部分。这里有什么问题?问题是当我单击个性化类时,它没有“加载个性化”和“divPersonalized”,所以它需要AJAX调用…当我再次单击时。个性化及时id#loading#U personalized显示时,它会隐藏,但上一个ajax调用尚未取消,因此它会执行并显示#divPersonalized,,但我希望在#loading#U personalized显示时,我单击。个性化上一个ajax调用也会取消。。
$(document).ready(function(){
$(".Personalized").click(function(){
if($("#divPersonalized").is(':visible')){
$('#triangle-personalized').hide();
$("#divPersonalized").hide();
}
else if($('#loading_personalized').is(':visible'))
{
$('#loading_personalized').hide();
//if this event is true, abort ajax call here
}
else {
$.ajax({
type:"POST",
url:"personalized.php",
cache:false,
beforeSend: function(){
$('#loading_personalized').show();
$('#triangle-personalized').show();
},
complete: function(){
$('#loading_personalized').hide();
},
success: function(html){
$("#divPersonalized").html(html).show();
}
});
}
});
$(document).ready(function(){
$(".Personalized").click(function(){
if($("#divPersonalized").is(':visible')){
$('#triangle-personalized').hide();
$("#divPersonalized").hide();
} else if($('#loading_personalized').is(':visible')){
$('#loading_personalized').hide();
//if this event is true, abort ajax call here
myAjaxCall.abort();
} else {
myAjaxCall = $.ajax({
type:"POST",
url:"personalized.php",
cache:false,
beforeSend: function(){
$('#loading_personalized').show();
$('#triangle-personalized').show();
},
complete: function(){
$('#loading_personalized').hide();
},
success: function(html){
$("#divPersonalized").html(html).show();
}
});
}
});
});