监控所有ajax请求：

　　你是不是有遇到这样的问题：页面发起两个ajax请求，希望它们都成功以后，再做一个动作？ 
很容易想到的解决方案是，等其中一个结束以后，再发起另外一个，这个过程用回调函数来完成。 
但是，如果其中一个ajax请求的代码不是你写，你改不了，怎么办？ 
又或者说，你只想知道某个url请求什么时候结束，不想管其他的请求，怎么弄？

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8" />

    </head>

    <body>

        <p id="test"></p>

    </body>

    <script src="js/jquery-1.11.0.min.js"></script>

    <!--首先在页面引入jquery的后面，紧接着以下代码：-->

    <script>

        //前提：所有ajax请求都是用jquery的$.ajax发起的，而非原生的XHR；

        var ajaxBack = $.ajax;

        var ajaxCount = 0;

        var allAjaxDone = function(){$('#test').append('all done!<br>');} //一行代码，就可以知道所有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);

        }

    </script>

    <!--以下是别人的script-->

    <script>

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

    </script>

    <script>

        $.get('css/main.css', null, function(recv){$('#test').append('别人的get请求，done<br>')});

    </script>

    <script>

        $.post('css/main.css', null, function(recv){$('#test').append('别人的post请求，done<br>')});

    </script>

</html>

其他的相关函数：

　　$.ajax 中

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

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

　　高版本中:

　　$.promise

　　$.when

　　

监控页面所有 ajax请求的更多相关文章

  1. 转：jquery向普通aspx页面发送ajax请求

    本文将介绍在ASP.NET中如何方便使用Ajax,第一种当然是使用jQuery的ajax,功能强大而且操作简单方便,第二种是使用.NET封装好的ScriptManager. $.ajax向普通页面发送 ...

  2. phpStudy4——前端页面使用Ajax请求并解析php返回的json数据

    项目需求: 在html页面显示所有用户列表信息. 需求分析: 1. html页面使用ajax向后端php请求用户数据 2. php脚本查询数据库,并将查询后的结果以json格式返回前端html页面 3 ...

  3. SpringMVC响应Ajax请求（@Responsebody注解返回页面）

    项目需求描述:page1中的ajax请求Controller,Controller负责将service返回的数据填充到page2中,并将page2整个页面返回到page1中ajax的回调函数. 一句话 ...

  4. 一起来做chrome扩展《AJAX请求》

    chrome在一次更新之后,出于安全考虑,完全的禁止了content_script从https向http发起ajax请求,即使正常情况下也会在console里给出提示.这对于WEB来讲是好事,但对于扩 ...

  5. WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据

    WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...

  6. 黄聪：chrome扩展开发《AJAX请求》

    chrome在一次更新之后,出于安全考虑,完全的禁止了content_script从https向http发起ajax请求,即使正常情况下也会在console里给出提示.这对于WEB来讲是好事,但对于扩 ...

  7. WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据(转)

    WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...

  8. 【转】AJAX请求和普通HTTP请求区别

    两者本质区别: AJAX通xmlHttpRequest象请求服务器服务器接受请求返数据实现刷新交互 普通http请求通httpRequest象请求服务器接受请求返数据需要页面刷新 AJAX请求 普通请 ...

  9. SpringBoot自定义错误信息，SpringBoot适配Ajax请求

    SpringBoot自定义错误信息,SpringBoot自定义异常处理类, SpringBoot异常结果处理适配页面及Ajax请求, SpringBoot适配Ajax请求 ============== ...

随机推荐

  1. PHP字符串

    <?php $string1 = <<<EVILXR 我有一只小毛驴,我从来也不骑. 有一天我心血来潮,骑着去赶集. 我手里拿着小皮鞭,我心里正得意. 不知怎么哗啦啦啦啦,我摔 ...

  2. IOS开发之SWIFT

    Swift是苹果2014年推出的全新的编程语言,它继承了C语言.ObjC的特性,且克服了C语言的兼容性问题.Swift发展过程中不仅保留了 ObjC很多语法特性,它也借鉴了多种现代化语言的特点,在其中 ...

  3. 越狱Season 1-Episode 1: the pilot

    the pilot: 美国电视剧新剧开播都会有一个试播来测试观众对新剧的接受程度,以此来决定是否再继续播下去,也可以说是一个开端,第一集,试播 -Tattoo Artist: That's it. t ...

  4. java多线程：jdk并发包的总结（转载）

    转载地址:http://blog.csdn.net/yangbutao/article/details/8479520 1.java 高并发包所采用的几个机制(CAS,volatile,抽象队列同步) ...

  5. Python内部类型

      Python使用对象模型来存储数据 . 身份:每个对象都有一个唯一的身份标识自己,任何对象的身份否可以使用内建函数id()来得到.这个值可以被认为是该对象的内存地址 . 类型:对象的类型决定了该对 ...

  6. css @语法，@规则 @import @charset @font-face @fontdef @media @page

    CSS At-Rules Reference    样式表规则 At-Rules 样式表规则 CSS Version 版本 Compatibility 兼容性 Description 简介 @impo ...

  7. jquery的$.extend和$.fn.extend作用及区别

    jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend(); (1)类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax ...

  8. Hibernate常用配置文件详解

    本文转载自:http://blog.csdn.net/csh624366188/article/details/7578939 初学hibernate的童鞋,刚开应该都有这种感觉,hibernate的 ...

  9. js/jquery 操作document对象

    一.获取对象 //js获取的是dom对象,jquery获取的是jquery对象 //jquery对象可以输出dom对象,索引方式输出dom对象,eq()[]方式输出dom对象;eq()输出jquery ...

  10. [转]了解oracle自治事务

    http://blog.csdn.net/indexman/article/details/7799862 1.什么是Oracle自治事务 在官方文档中,是这样的定义的“Autonomous tran ...