Jquery jqXHR对象的属性和方法
在 jQuery 1.4 之前(包括1.4),$.ajax() 方法返回的是浏览器原生的 XMLHttpRequest 对象。
从 jQuery 1.5 开始,$.ajax() 方法返回 jQuery 自己的 XMLHttpRequest 对象(一般简称jqXHR)。之所以这样做,是因为 jQuery 1.5 引入了延迟对象 jQuery.Deferred,以便于更好地处理和执行回调函数。
你可以简单地理解为 jqXHR 对象是 jQuery 自己伪造的一个 XMLHttpRequest 对象和 $.Deferred 对象的结合体。
jqXHR是浏览器原生 XMLHttpRequest 对象的超集。例如,它也包含 responseText 和 responseXML 属性,以及 getResponseHeader() 方法。
当传输机制与 XMLHttpRequest 对象不同时(例如,用一个 <script> 标签来完成 JSONP 请求),jqXHR对象会尽可能地模拟本地 XMLHttpRequest 对象的功能。
从jQuery 1.5.1开始,jqXHR对象也支持 overrideMimeType() 方法(它在 1.4.x 中也可用,但在 1.5 中被临时移除)。overrideMimeType() 方法可用于 beforeSend() 的回调函数中,比如用来修改 Content-Type 响应头。
从jQuery 1.5开始,$.ajax() 返回的 jqXHR 对象实现了 Promise 接口,包括其所有的属性、方法和行为。因此,我们通过 jqXHR 可以非常简单地为本次 $.ajax() 绑定 AJAX 请求对应状态执行的回调函数。
我们通过解剖一个完整的 jqXHR 对象,来了解 jqXHR 对象的属性和方法:
var jqXHR = {
abort: function (statusText){
// 取消请求,关闭连接
},
always: function (){
// 设置请求完成(无论成功或失败)时需要执行的一个或多个回调函数
},
complete: function (){
// always()函数的别名,设置请求完成(无论成功或失败)时需要执行的一个或多个回调函数
},
done: function (){
// 设置请求成功时需要执行的一个或多个回调函数
},
error: function (){
// fail()函数的别名,设置请求失败时需要执行的一个或多个回调函数
},
fail: function (){
// 设置请求失败时需要执行的一个或多个回调函数
},
getAllResponseHeaders: function (){
// 获取响应头信息的原始字符串
},
getResponseHeader: function (key){
// 获取响应头中指定名称的值
},
overrideMimeType: function (type){
// 重写 Content-Type 响应头
},
pipe: function (){
// then() 函数的别名,分别设置请求成功、失败、正在进行时需要执行的回调函数
},
progress: function (){
// 设置 Deferred 对象生成进度通知时需要执行的回调函数
},
promise: function (obj){
// 为指定对象追加 Promise 对象的成员,以充当 Promise 对象
},
readyState: 4, // 请求的状态
responseText: "<!DOCTYPE html><html>......</html>", // 响应的文本内容
setRequestHeader: function (name, value){
// 设置请求头
},
state: function (){
// 确定一个 Deferred 对象的当前状态,例如:"pending"、"resolved"、"rejected"
},
status: 200,
statusCode: function (map){
// 设置响应指定状态码需要执行的回调函数
// map形如:{ 301:function(){}, 404:function(){} }
},
statusText: "OK", // 状态响应头中的描述文本
success: function (){
// done()函数的别名,设置请求成功时需要执行的一个或多个回调函数
}
};
前面已经说了,我们通过 jqXHR 可以非常简单地为本次 $.ajax() 绑定 AJAX 请求对应状态执行的回调函数。
而 $.ajax() 方法执行完后会返回一个 jqXHR 对象。因为,我们其实大可以不在 $.ajax() 方法的参数中指定回调,转而使用链式写法,通过 jqXHR 对象的各个方法来指定回调。
像 $.get(),$.post() 这一类对 $.ajax() 进行了再封装的方法,方法本身的参数不支持设置 error 等回调,那么我们就可以用上面所说的方法来达到此目的。
//例1
$.ajax({
url: '/some.js',
type: 'get',
dataType: 'script'
}).success(function () {
//...
}).error(function () {
//...
})
//例2
$.get('/some.js', function () {
//...
}, 'script').error(function () {
//...
})
Jquery jqXHR对象的属性和方法的更多相关文章
- JQuery事件对象的属性和方法
这是今天的总结,以后学习自己可以当参考书来读读.Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.事件通常与函数结合使用,函数不会在事件发生前被执行 ...
- JQuery修改对象的属性值
JQuery修改对象的属性值 用到的便是JQuery提供的attr方法,获取属性值的基本结构为:$(obj).attr("属性名"):修改属性值的结构为:$(obj).attr(& ...
- Javascript常用对象的属性和方法
javascript为我们提供了一些非常有用的常用内部对象和方法.用户不需要用脚本来实现这些功能.这正是基于对象编程的真正目的. 在javascript提供了string(字符串).math(数值计算 ...
- JS中的RegExp对象常用属性和方法
JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能,每一条正则表达式模式对应一个RegExp实例.有两种方式可以创建RegExp对象的实例. 使用RegExp的显式构造函数 ...
- location对象的属性和方法应用(解析URL)
本文将与大家分享下location对象使用属性和方法来解析URL的实例,感兴趣的朋友可以参考下,希望对你有所帮助 location对象提供了很多属性和方法用来解析URL. 复制代码代码如下: &l ...
- Ajax01 什么是ajax、获取ajax对象、ajax对象的属性和方法
1 什么是ajax ajax是一种用来改善用户体验的技术,其本质是利用浏览器提供的一个对象(XMLHttpRequest,也可称之为ajax对象) 向服务器发送异步请求;服务器返回部分数据(不是一个完 ...
- javascript面向对象(给对象添加属性和方法的方式)
1.在定义对象时,直接把属性和方法添加 <script type="text/JavaScript"> //给对象直接在定义时添加属性和方法 var g ...
- 理解Python中的类对象、实例对象、属性、方法
class Animal(object): # 类对象 age = 0 # 公有类属性 __like = None # 私有类属性 def __init__(self): # 魔法方法 self.na ...
- HTML DOM对象的属性和方法
HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型 在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性 引用文档的子节点 docum ...
随机推荐
- VC6.0 如何显示代码行号
VC6.0是一款比较经典.稳定的功能强大的IDE,目前也有很多人在使用.但美中不足的是它不能像其他IDE那样显示行号.这里需要用到一个插件VC6LineNumberAddin, 下载地址:http:/ ...
- opencv——拟合圆
#include "stdafx.h" #include "cv.h" #include "highgui.h" #include &quo ...
- Backup--压缩备份和数据库压缩
1> 即使数据库启用了页压缩或行压缩,压缩备份也可以有效减小备份的大小,压缩备份的压缩效率取决于表中的数据类型 2> 数据库压缩有利于降低备份时间(因为数据库变小) 3> 对已启用压 ...
- 利用Senparc.Weixin SDK 实现微信用户的授权,并获取信息
前一段时间在学校做过一个项目,就是利用的Senparc.Weixin SDK 做的,于是翻看以前代码,虽然有注释,但是还是看的迷迷糊糊的,干脆就单步执行一遍看看是怎么实现的,然后就重新写了个简易的授权 ...
- Nginx自定义扩展模块
1. 概述 参考 Nginx开发HTTP模块入门 2. 扩展模块(假设根目录名称为nginx) nginx/configure文件中可以修改配置文件路径(编译时使用): 例如像把配置文件从默认的ngi ...
- django学习篇
https://www.cnblogs.com/alex3714/category/818260.html https://www.cnblogs.com/zhanghongfeng/catego ...
- Django-05模型层之多表操作2
7.3 多表操作 一.创建模型 实例:我们来假定下面这些概念,字段和关系作者模型:一个作者有姓名和年龄.作者详细模型:把作者的详情放到详情表,包含生日,手机号,家庭住址等信息.作者详情模型和作者模型之 ...
- 9、select 语句
基础语句 select * from tb1; select * from tb1 limit 3; select name,age from tb1; select name,age from tb ...
- leecode刷题(8)-- 两数之和
leecode刷题(8)-- 两数之和 两数之和 描述: 给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标. 你可以假设每种输 ...
- 8,Phaser__并发且多阶段任务
使用场景 考选武状元 10 个 武生 参加考试 ,第一个关 靠耐力, 坚持最久的5个人进入第二关, 第二关考 力气,力气最大的 3个人进入第二关,第三关考兵法,兵法最好的当选武状元