Javascript 中止事件上的上一个ajax调用

问题是，当我点击

.personalized

类时，它既没有

#load#u personalized

也没有

#divPersonalized

，所以它需要AJAX调用..当我再次点击

.personalized

时，id

#load#u personalized

会显示出来，但会隐藏以前的AJAX调用尚未取消，因此它执行并显示

#divPersonalized

，但我希望在

#load#u personalized

显示时，我单击

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


});
}       
  });

---

您需要存储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();
}