Question

ajax jquery的ajaxStart事件为什么没有用

如图,我用了jquery里面ajax的load方法载入了一个页面,并且这个页面已经成功的载入了.但是div绑定的ajaxStart和ajaxStop事件里面的console根本没有执行,这是为什么

Answer 1

你做反了。应该是

先
$.ajaxStart()
...
$.ajaxStop();
再
$("div").load();
顺序不能反。

ajaxStart和ajaxStop是一种全局的配置。通常用来侦测页面中异步请求的发送/结束

追问

我的意思是,在load页面成功之前console.log("Aaa"),在load成功之后console.log("bbb"),难道ajaxStart和ajaxStop不是做这个事的?

追答

你代码写的顺序反了。

$.ajaxStart(function(){
    console.log("Aaa");
}).ajaxStop(function(){
    console.log("bbb");
});
//这样才会对下面的load生效。
$("div").load("222.html");

 

ajaxStart和ajaxStop是jQuery中对ajax请求的一种全局拦截配置。

他可以做到你说的事情，但是你把顺序给写颠倒了。你的请求已经发出去了，

你再配置ajaxStart和ajaxStop，那还来得及吗？？

Answer 2

$.ajax({
               url:'222.html',
               dataType:'html',
               type:'post',
               beforeSend:function(xhr){
                       alert('执行前');
               },
               success:function(data){
                       $('#test').html(data);
               },
               complete:function(xhr){
                     alert('执行结束');
               }
         })
//一般不要配置全局的ajax设置，如果配置了全局的ajax设置,在当前ajax请求中可以加个属性:global:false来阻止全局属性的生效