Ajax的XMLHttpRequest对象的属性和方法

属性

  • readyState属性
    标识XMLHttpRequest对象的状态,有五种值
说明
0 未初始化状态:对象创建,但未初始化
1 准备发送状态:此时,已经调用了XMLHttpRequest对象的open()方法,并且该对象已经准备好将一个请求发送到服务器
2 已发送状态:此时,已通过调用send()方法把一个请求发送到服务器,但还没有收到一个响应
3 正在接收状态:此时,已经接收到HTTP响应头部信息,但是消息体部分还没有完全接收到
4 完成响应状态:此时,已完成了HttpResponse响应的接收
  • responseText属性
    该属性包含客户端接收到的HTTP响应的文本内容。当readyState属性为0、1、2时,该属性包含空字符串; 当readyState值为3时,响应中包含客户端还未完成的响应信息; 当readyState值为4时,该属性才包含完整的响应信息。

  • responseXML属性
    只有当readyState属性值为4,并且响应头部的Content-Type的MIME类型被指定为XML (text/xml或者application/xml)时,该属性才有值并且被解析为一个XML文档,否则该属性值为null。如果回传的XML文档结构不良或者未完成响应回传,该属性也为空。

  • status属性
    描述HTTP状态码。注意,仅当readyState值为3(正在接收)或4(已加载)时,才能访问此属性。否则,试图读取时,将引发异常。

  • statusText属性
    描述HTTP状态码文本。跟status的注意事项一样,必须readyState为3或4。

方法

  • onreadystatechange事件
    当readyState属性值发生改变,就会触发此事件。一般都通过此事件来触发回传处理函数。

  • open()方法
    XMLHttpRequest对象是通过调用open(method, uri, async, username, password)方法来进行初始化的。调用该方法会得到一个可以用来进行发送(send()方法)的对象。此时,readyState状态会被设为1(准备发送状态)。方法参数解释如下:
    (1)method参数是必须提供的,用于指定用来发送请求的HTTP方法(GET, POST, PUT, DELETE或HEAD)。按照HTTP规范,该参数要大写。
    (2)uri用来指定请求的URL,该地址会被自动解析为绝对地址。
    (3)async参数用来指定请求是否是异步的,默认值为true。发同步请求,设为false
    (4)如果需要服务器验证访问用户的情况,可以设置username和password

  • send()方法
    必须在调用了open方法,即readyState的值为1,对象处理可发送状态时,才可以调用send()方法,将请求发送出去。
    当open()方法的参数async为true时,send()方法调用后立即返回,否则将等待请求返回。
    调用了send()方法到接收到响应之前,readyState的值将被设为2;一旦接收到响应,被设为3;直到响应接收完成,readyState的值才会被设为4。
    send()可使用一个可选参数,用于传递POST数据到服务器。参数可以不传或直接用null。
    一般情况下,在调用send()方法之前,应该设置Content-Type头部信息。如果send(data)方法中的data参数的类型为DOMString,那么数据将被编码为UTF-8。如果数据是Document类型,那么将使用由data.xmlEncoding指定的编码串行化该数据。

  • abort()方法
    该方法可以暂停一个HttpRequest的请求发送或者HttpResponse的接收,并将XMLHttpRequest对象设置为初始化状态。

  • setRequestHeader()方法
    用来设置请求的头部信息。需要在调用了open()方法之后调用此方法,否则会报异常。setRequestHeader(header, value)包含两个参数:前一个是键名称,后面是键值。

  • getResponseHeader()方法
    用于检索响应的头部值,仅当readyState属性值是3或4时,才可以调用此方法;否则,返回一个空字符串。
    此外,还可以通过getAllResponseHeaders()方法获取所有的HttpResponse的头部信息。

示例

var xhr = new XMLHttpRequest();
var �data = {            
    name: 'leyuan' 
};         
xhr.open('POST', url);     
xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');         
xhr.onreadystatechange = function () {                        
    if (xhr.readyState == 4 && xhr.status == 200) {                 
        // request success. do something.         
    }
};         
xhr.send(data);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,524评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,869评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,813评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,210评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,085评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,117评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,533评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,219评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,487评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,582评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,362评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,218评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,589评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,899评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,176评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,503评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,707评论 2 335

推荐阅读更多精彩内容