036_jQuery Ajax全局回调函数

1. ajaxStart()方法

1.1. ajaxStart()方法在AJAX请求发送前执行函数。

1.2. 语法

$(selector).ajaxStart(function(even))

1.3. 参数

2. ajaxSend()方法

2.1. ajaxSend()方法在AJAX请求开始时执行函数。

2.2. 语法

$(selector).ajaxSend(function(even,jqXHR,options))

2.3. 参数

3. ajaxSuccess()方法

3.1. ajaxSuccess()方法在AJAX请求成功时执行函数。

3.2. 语法

$(selector).ajaxSuccess(function(even,jqXHR,options,response))

3.3. 参数

4. ajaxError()方法

4.1. ajaxError()方法在AJAX请求发生错误时执行函数。

4.2. 语法

$(selector).ajaxError(function(even,jqXHR,options,error))

4.3. 参数

5. ajaxComplete()方法

5.1. ajaxComplete()方法在AJAX请求完成时执行函数。

5.2. 语法

$(selector).jQueryajaxComplete(function(even,jqXHR,options))

5.3. 参数

6. ajaxStop()方法

6.1. ajaxStop()方法在AJAX请求结束时执行函数。

6.2. 语法

$(selector).ajaxStop(function(even))

6.3. 参数

7. 6个全局回调函数的运行顺序

7.1. 6个全局回调函数的运行顺序是: ajaxStart()、ajaxSend()、ajaxSuccess()/ajaxError()、ajaxComplete()和ajaxStop()。

8. 例子

8.1. 新建一个名为jQueryAjaxGlobalFunction动态WEB工程

8.2. 新建test.json

{"data": {"code": 1, "info": "success", "msg": "请求成功。"}}

8.3. 新建test.xml

<?xml version="1.0" encoding="UTF-8"?>
<data><code>1</code><info>success</info><msg>请求成功。</msg>
</data>

8.4. 新建index.html

<!DOCTYPE html>
<html><head><title>jQuery-Ajax的全局回调函数</title><meta charset="utf-8" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){$(this).ajaxStart(function(even){console.log('-------ajaxStart Start-------------');for(var i = 0; i < arguments.length; i++){console.log(arguments[i]);}      console.log('-------ajaxStart End-------------');  }).ajaxSend(function(even, jqXHR, options){console.log('-------ajaxSend Start-------------');for(var i = 0; i < arguments.length; i++){console.log(arguments[i]);}     console.log('-------ajaxSend End-------------');  }).ajaxSuccess(function(even, jqXHR, options, response){console.log('-------ajaxSuccess Start-------------');for(var i = 0; i < arguments.length; i++){console.log(arguments[i]);}      console.log('-------ajaxSuccess End-------------');  }).ajaxError(function(even, jqXHR, options, error){console.log('-------ajaxError Start-------------');for(var i = 0; i < arguments.length; i++){console.log(arguments[i]);}      console.log('-------ajaxError End-------------');  }).ajaxComplete(function(even, jqXHR, options){console.log('-------ajaxComplete Start-------------');for(var i = 0; i < arguments.length; i++){console.log(arguments[i]);}     console.log('-------ajaxComplete End-------------');  }).ajaxStop(function(even){console.log('-------ajaxStop Start-------------');for(var i = 0; i < arguments.length; i++){console.log(arguments[i]);}      console.log('-------ajaxStop End-------------');  });$('#btn1').click(function(){$.get('test.json');});$('#btn2').click(function(){$.post('test.xml');});$('#btn3').click(function(){$("#result").load("test.json");});$('#btn4').click(function(){$.ajax({url: 'test.xml',dataType: 'xml',cache: false});});});</script><style type="text/css">div {width: 450px;height: 100px;background-color: pink;}</style></head><body> <div id="result">结果区域</div><br /><button id="btn1">get test.json</button> <button id="btn2">post test.xml</button><br /><br /><button id="btn3">load test.json</button> <button id="btn4">ajax test.xml</button></body>
</html>

8.5. 运行项目

036_jQuery Ajax全局回调函数相关推荐

ajax回调函数的返回值,使用ajax和回调函数向函数传递/返回值
我试图读p_info函数返回从函数getproductInfo包含ajax调用,但我得到未定义的值.我使用回调函数来实现这一点,但仍然无法正常工作.我错在哪里?使用ajax和回调函数向函数传递/返回值 ...
boost::regex模块在 cpp 文件中搜索类定义，使用全局回调函数的测试程序
boost::regex模块在 cpp 文件中搜索类定义,使用全局回调函数的测试程序实现功能 C++实现代码实现功能 boost::regex模块在 cpp 文件中搜索类定义,使用全局回调函数的测 ...
回调函数举例ajax,通过回调函数的理解来进一步理解ajax及其注意的用法
一,再一次理解回调函数 (function($){ $.fn.shadow = function(opts){ //定义的默认的参数 var defaults = { copies: 5, opaci ...
ajax回调方法名使用什么事件,ajax的回调函数和匿名函数
1.什么是js回调函数一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数. 二. 回调函数的解释因为函数实际上 ...
jQuery的ajax全局钩子函数
jQuery的 ajax 全局钩子函数所谓的钩子函数 , 是和某个程序绑定的函数当这个程序执行到不同阶段,不同步骤时,执行不同的函数程序当前的 ajax 钩子函数,就是和 ajax程序绑定的函 ...
ajax 成功回调函数,jQuery的阿贾克斯成功回调函数定义jQuery的阿贾克斯成功回调函数定义(jQuery ajax...
我想使用jQuery的ajax从服务器获取数据. 我希望把成功的回调函数定义外面.ajax()块像下面这样. 所以,我需要声明变量dataFromServer像下面这样我就能从成功回调使用返回的数据? ...
struts通过Ajax返回数据时，例如对象类型，没有执行Ajax的回调函数
<result type="json" name="success"> <param name=" ...
按照顺序执行异步ajax的回调函数
//按顺序执行多个ajax命令,因为数量不定,所以采用递归 function send(action, arg2) {//将多个命令按顺序封装成数组对象,递归执行//利用了deferred对象控制回调 ...
Form表单中的button导致页面刷新而无法进入Ajax请求回调函数
2019独角兽企业重金招聘Python工程师标准>>> <button class="layui-btn layui-btn-normal" type=&q ...

036_jQuery Ajax全局回调函数

036_jQuery Ajax全局回调函数相关推荐

最新文章

热门文章