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

本文介绍了如何通过修改jQuery的$.ajax方法来全局监控页面上的所有AJAX请求,以便在所有请求完成后执行特定操作。即使请求代码不由你编写,也可以实现这一目标。文章还提到了$.ajax中的error和complete回调函数,以及如何使用$.when进行多并发请求的管理。
摘要由CSDN通过智能技术生成

本文实例讲述了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 = setting.complete;

setting.complete = 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程序设计有所帮助。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值