600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > jq中法可以发起ajax请求的方法有 jQuery实现监控页面所有ajax请求的方法

jq中法可以发起ajax请求的方法有 jQuery实现监控页面所有ajax请求的方法

时间:2019-02-17 06:00:07

相关推荐

jq中法可以发起ajax请求的方法有 jQuery实现监控页面所有ajax请求的方法

本文实例讲述了jQuery实现监控页面所有ajax请求的方法。分享给大家供大家参考,具体如下:

你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作?

很容易想到的解决方案是,等其中一个结束以后,再发起另外一个,这个过程用回调函数来完成。

但是,如果其中一个ajax请求的代码不是你写,你改不了,怎么办?

又或者说,你只想知道某个url请求什么时候结束,不想管其他的请求,怎么弄?

//前提:所有ajax请求都是用jquery的$.ajax发起的,而非原生的XHR;

var ajaxBack = $.ajax;

var ajaxCount = 0;

var allAjaxDone = function(){$('#test').append('all done!

');} //一行代码,就可以知道所有ajax请求什么时候结束

//由于get/post/getJSON等,最后还是调用到ajax,因此只要改ajax函数即可

$.ajax = function(setting){

ajaxCount++;

var cb = plete;

plete = function(){

if($.isFunction(cb)){cb.apply(setting.context, arguments);}

ajaxCount--;

if(ajaxCount==0 && $.isFunction(allAjaxDone)){

allAjaxDone();

}

}

ajaxBack(setting);

}

$.ajax({url: 'js/jquery-1.11.0.min.js', success: function(recv){$('#test').append('别人的ajax请求1,done

')}});

$.get('css/main.css', null, function(recv){$('#test').append('别人的get请求,done

')});

$.post('css/main.css', null, function(recv){$('#test').append('别人的post请求,done

')});

其他的相关函数:

$.ajax 中:

error:当出错时调用,可以用来上报错误的请求。

complete:无论成功还是失败都会调用

高版本中:

$.promise

$.when

希望本文所述对大家jQuery程序设计有所帮助。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。