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

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

jQuery实现监控页面所有ajax请求的方法
本文实例讲述了jQuery实现监控页面所有ajax请求的方法.分享给大家供大家参考,具体如下: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作? 很容易想到的解决 ...
jq中法可以发起ajax请求的方法有,js与jQuery终止正在发送的ajax请求的方法
本文实例讲述了js与jQuery终止正在发送的ajax请求的方法.分享给大家供大家参考,具体如下: 核心:调用XMLHttpRequest对象上的abort方法 jquery的ajax方法有自己的超时 ...
jQuery监控页面所有ajax请求的方法
jQuery实现监控页面所有ajax请求的方法本文实例讲述了jQuery实现监控页面所有ajax请求的方法.分享给大家供大家参考,具体如下: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望 ...
监控页面所有 ajax请求
监控所有ajax请求: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作? 很容易想到的解决方案是,等其中一个结束以后,再发起另外一个,这个过程用回调函数来完成. ...
ajax和php二级联动,jQuery+php+mysql,轻松实现ajax无刷新省市二级联动[多图]
jQuery+php+mysql,轻松实现ajax无刷新省市二级联动[多图] 08-15栏目:技术 TAG:zxfy zxfy 用jQuery的ajax方法,结合PHP,轻松实现省市级的二级联动: h ...
设置公共请求参数_封装一个useFetch实现页面销毁取消请求
前端业务经常会出现这样一类问题,当用户网速过慢或是其他特殊情况下,该页面的请求还未完成,用户就已经点击其他页面跳出去了.理想状态下请求也是应该终止掉的,所以我们应该想办法将请求和页面卸载关联在一起. ...
请求对象触碰jQuery：AJAX异步详解
最近一直在研究请求对象之类的问题,现在正好有机会和大家讨论一下. 传送门:异步编程系列目录-- 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous Java ...
ajax实现多选 radio true,jQuery操作radio、checkbox、select的方法总结
jQuery操作radio.checkbox.select的方法总结发布于 2015-05-21 06:55:26 | 253 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javas ...
ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...

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

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

最新文章

热门文章