Jquery Ajax学习实例7 Ajax所有过程事件分析示例


Posted in Javascript onMarch 23, 2010

一、Ajax所有过程事件分析

   JQuery在执行Ajax的过程中会触发很多事件。
   这些事件可以分为两种事件,一种是局部事件(Local),一种是全局事件(Global)。
   局部事件:可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件,则可以设置global:false。
   全局事件:跟click等事件类似,可以绑定到到每一个DOM元素上。
   这些事件的按照事件的触发顺序如下介绍:

 

局部事件(Local) 全局事件(Global)
ajaxStart 全局事件开始新的Ajax请求,并且此时没有其他ajax请求正在进行。
beforeSend 局部事件当一个Ajax请求开始时触发。如果需要,你可以在这里设置XHR对象。 ajaxSend 全局事件请求开始前触发的全局事件。
success 局部事件请求成功时触发。即服务器没有返回错误,返回的数据也没有错误。 ajaxSuccess 全局事件全局的请求成功。
error 局部事件仅当发生错误时触发。你无法同时执行success和error两个回调函数。 ajaxError 全局事件全局的发生错误时触发。
complete 局部事件不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件。 ajaxComplete 全局事件全局的请求完成时触发。
ajaxStop 全局事件当没有Ajax正在进行中的时候,触发。
注:除了ajaxStart和ajaxStop之外,其他的事件都有3个参数event, XMLHttpRequest, ajaxOptions第一个是事件,第二个是XHR对象,第三个参数最有用,是当时调用这个ajax的时候的参数。对于ajaxError,还有第四个参数thrownError,只有当异常发生时才会被传递。

 

二、Ajax所有过程事件示例

2.1、HTML代码

      <div>

            <input type="button" onclick="BtnSpareClick();" value="PartEvents" />
            <input type="button" onclick="BtnGlobalClick();" value="GlobalEvents" />

      </div>

       <div id="Result">Result</div>
       <div id="Process">Process</div>

2.2、Jquery Ajax脚本 

局部事件(Local)实例 全局事件(Global)实例
    
Javascript 相关文章推荐
javascript 控制弹出窗口
Apr 10 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
May 31 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
Aug 27 Javascript
本人自用的global.js库源码分享
Feb 28 Javascript
AngularJS 中文API参考手册
Jul 28 Javascript
引用jquery框架后出错的解决方法
Aug 09 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
vue 实现根据data中的属性值来设置不同的样式
Aug 04 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 #Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 #Javascript
javascript 多浏览器 事件大全
Mar 23 #Javascript
jQuery $.each的用法说明
Mar 22 #Javascript
javascript 用原型继承来实现对象系统
Mar 22 #Javascript
用js实现的自定义的对话框的实现代码
Mar 21 #Javascript
简洁短小的 JavaScript IE 浏览器判定代码
Mar 21 #Javascript
You might like
Discuz板块横排显示图片的实现方法
2007/05/28 PHP
smarty section简介与用法分析
2008/10/03 PHP
深入php多态的实现详解
2013/06/09 PHP
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
php数据访问之增删改查操作
2016/05/09 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
jQuery html()等方法介绍
2009/11/18 Javascript
细说浏览器特性检测(2)-通用事件检测
2010/11/05 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
纯javascript实现简单下拉刷新功能
2015/03/13 Javascript
JavaScript合并两个数组并去除重复项的方法
2015/06/13 Javascript
D3.js实现文本的换行详解
2016/10/14 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
jQuery实现选项卡功能(两种方法)
2017/03/08 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
2017/08/29 Javascript
layui复选框的全选与取消实现方法
2019/09/02 Javascript
JS快速实现简单计算器
2020/04/08 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
Python制作爬虫采集小说
2015/10/25 Python
Python快速查找list中相同部分的方法
2018/06/27 Python
python 删除excel表格重复行,数据预处理操作
2020/07/06 Python
简单的Python人脸识别系统
2020/07/14 Python
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
Timberland德国官网:靴子、鞋子、衣服、夹克及配件
2019/12/10 全球购物
波兰汽车配件网上商店:iParts.pl
2020/09/08 全球购物
SQL注入攻击的种类有哪些
2013/12/30 面试题
护理专业大学生自我推荐信
2014/01/25 职场文书
创业计划书模版
2014/02/05 职场文书
保险经纪人求职信
2014/03/11 职场文书
新春寄语大全
2014/04/09 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书