AJAX基础与实践(二)

 

XMLHttpRequest(XHR)

Ø 浏览器可以直接从JavaScript中初始化请求并获取结果。

Ø 本质上是添加了额外的用于发送和接收XML代码功能的普通HTTP请求。

Ø 像一个 ServletRequest

XMLHttpRequest对象的属性和事件

Ø XMLHttpRequest对象的属性

属性名称

描述

onreadystatechange

指定当readyState属性改变时的事件处理句柄,只写 。

readyState

返回当前请求的状态,只读。

responseBody

将回应信息正文以unsigned byte数组形式返回,只读。

responseStream

以Ado Stream对象的形式返回响应信息,只读 。

responseText

将响应信息作为字符串返回,只读 。

responseXML

将响应信息格式化为Xml Document对象并返回,只读 。

status

返回当前请求的http状态码,只读 。

statusText

返回当前请求的响应行状态,只读 。

XMLHttpRequest对象的方法

Ø XMLHttpRequest对象的方法

方法名称

描述

abort

取消当前请求

getAllResponseHeaders

获取响应的所有http头

getResponseHeader

从响应信息中获取指定的http头

open

创建一个新的http请求,并指定此请求的方法、URL以及验证信息(用户名/密码) //常用

send

发送请求到http服务器并接收回应 //常用

setRequestHeader

单独指定请求的某个http头

XMLHttpRequest对象的readyState属性

Ø ReadyState属性

属性名称

描述

0 (未初始化)

对象已建立,但是尚未初始化(尚未调用open方法)

1 (初始化)

对象已建立,尚未调用send方法

2 (发送数据)

send方法已调用,但是当前的状态及http头未知

3 (数据传送中)

已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误

4 (完成)

数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据

XMLHttpRequest对象的onreadystatechange事件

Ø 每个状态改变时都会触发这个事件处理器,通常会调用一个JavaScript 函数。

Ø 语法

onreadystatechang 指定当readyState属性改变时的事件处理句柄,只写

xmlHttpObj.onreadystatechange=callback;

function callback (){

 if(xmlHttpObj.readyState==4){

    if(xmlHttpObj.stateus==200){

        alert(xmlHttpObj.responseText);

    }else{

        alert("加载失败!"n原因:"+xmlHttpObj.stateText);

    }

 }

}

XMLHttpRequest对象的responseText属性

Ø 服务器的响应,表示为一个串。

Ø 客户端接收到的HTTP响应的文本内容。

Ø 当readyState值为0、1或2时,responseText包含一个空字符串。

Ø 当readyState值为3(正在接收)时,响应中包含客户端还未完成的响应信息。

Ø 当readyState为4(已加载)时,该responseText包含完整的响应信息。

XMLHttpRequest对象的responseXML属性

Ø 服务器的响应,表示为XML。

Ø 用于当接收到完整的HTTP响应时(readyState为4)描述XML响应。

Ø Content-Type头部指定MIME(媒体)类型为text/xml,application/xml或以+xml结尾。

Ø 如果Content-Type头部并不包含这些媒体类型之一,那么responseXML的值为null。

Ø 无论何时,只要readyState值不为4,那么该responseXML的值也为null。

Ø responseXML可以返回一个文档树(DOM),可以使用document.getElementsByTagName,document.getElementsByTagNameNS,document.getElementById等对其操作。

XMLHttpRequest对象的status属性

Ø 长整形标准http状态码。

Ø 仅当readyState值为3(正在接收中)或4(已加载)时,这个status属性才可用。

Ø 当readyState的值小于3时试图存取status的值将引发一个异常。

Ø 状态码如下定义:

描述

100

Continue

101

Switching protocols

200

OK

201

Created

202

Accepted

203

Non-Authoritative Information

204

No Content

205

Reset Content

206

Partial Content

300

Multiple Choices

301

Moved Permanently

302

Found

303

See Other

304

Not Modified

305

Use Proxy

307

Temporary Redirect

400

Bad Request

401

Unauthorized

402

Payment Required

403

Forbidden

404

Not Found

405

Method Not Allowed

406

Not Acceptable

407

Proxy Authentication Required

408

Request Timeout

409

Conflict

410

Gone

411

Length Required

412

Precondition Failed

413

Request Entity Too Large

414

Request-URI Too Long

415

Unsupported Media Type

416

Requested Range Not Suitable

417

Expectation Failed

500

Internal Server Error

501

Not Implemented

502

Bad Gateway

503

Service Unavailable

504

Gateway Timeout

505

HTTP Version Not Supported

XMLHttpRequest对象的statusText属性

Ø 描述了HTTP状态代码文本。

Ø 仅当readyState值为3或4才可用。

Ø 当readyState为其它值时试图存取statusText属性将引发一个异常。 

Ø 返回当前请求的响应行状态

XMLHttpRequest对象的abort()方法

Ø 暂停与一个XMLHttpRequest对象相联系的HTTP请求。

Ø 从而把该对象复位到未初始化状态。

Ø 用来中断请求,取消当前请求。

XMLHttpRequest对象的open()方法

Ø void open(string method, string url, boolean asynch, string username, string password) 建立对服务器的连接,初始化一个XHR对象的纯脚本方法。

1.         ethod参数: 是必须提供的-指定发送请求的HTTP方法(GET,POST,PUT,DELETE或HEAD)。

2.         uri参数: 用于指定请求发送到的服务器相应的URI。

3.         async参数: 指定请求是否是异步的,预设是true,表示使用非同步方式。为了发送一个同步请求,需要把这个参数设置为false。

Ø 对于要求认证的服务器,提供可选的用户名和口令参数。

Ø 在调用open()方法后,XMLHttpRequest对象把readyState属性设置为1(打开)。

Ø 并且把responseText、responseXML、status和statusText属性复位到它们的初始值。

XMLHttpRequest对象的send()方法

Ø 向服务器发送请求。

Ø 仅当readyState值为1时,才可以调用send()方法;否则的话,XHR对象将引发一个异常。

Ø 当async参数为true时,send()方法立即返回,从而允许其它客户端脚本继续处理。

Ø 在调用send()方法后,XHR对象把readyState

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值