中止之前的ajax调用事件

Question

问题是，当我点击.personalized类时，它没有#loading_personalized和#divPersonalized所以它需要AJAX调用..并且我再次点击{ {1}} id .personalized正在显示它隐藏但前一个AJAX调用尚未取消，因此它会执行并显示#loading_personalized，但我希望{{1} }出现了，我点击#divPersonalized之前的AJAX调用也应该取消.. 这是我的代码......

#loading_personalized

Answer 1

您需要存储jQuery ajax对象，然后调用abort()

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();
    }
});


if($('#loading_personalized').is(':visible'))
{
    $('#loading_personalized').hide();
    myAjaxCall.abort();
}