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 相关文章推荐
jQuery 事件队列调整方法
Sep 18 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 Javascript
js完整倒计时代码分享
Sep 18 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
Nov 24 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
借助node实战JSONP跨域实例
Mar 30 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
vue动态路由配置及路由传参的方式
May 23 Javascript
VUEX采坑之路之获取不到$store的解决方法
Nov 08 Javascript
JS监听组合按键思路及实现过程
Apr 17 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
php5中类的学习
2008/03/28 PHP
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
PHP中如何定义和使用常量
2013/02/28 PHP
PHP 使用pcntl和libevent 实现Timer功能
2013/10/27 PHP
php计算函数执行时间的方法
2015/03/20 PHP
Yii2.0框架模型多表关联查询示例
2019/07/18 PHP
PHP的HTTP客户端Guzzle简单使用方法分析
2019/10/30 PHP
基于jquery的超简单上下翻
2010/04/20 Javascript
js location.replace与location.reload的区别
2010/09/08 Javascript
JQuery 选择和过滤方法代码总结
2010/11/19 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
2014/11/23 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
js实现点击切换TAB标签实例
2015/08/21 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
利用bootstrapValidator验证UEditor
2016/09/14 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
2017/03/30 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
js实现带箭头的进度流程
2020/03/26 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
python实现字符串连接的三种方法及其效率、适用场景详解
2017/01/13 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
通过PYTHON来实现图像分割详解
2019/06/26 Python
Django框架中序列化和反序列化的例子
2019/08/06 Python
Python键鼠操作自动化库PyAutoGUI简介(小结)
2020/05/17 Python
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
澳大利亚电商Catch新西兰站:Catch.co.nz
2020/05/30 全球购物
opencv实现图像几何变换
2021/03/24 Python
幼儿园数学教学反思
2014/02/02 职场文书
培训协议书范本
2014/04/22 职场文书
户外活动总结范文
2014/04/30 职场文书
禁止高声喧哗的标语
2014/06/11 职场文书