第四章 XMLHTTPRequest对象.ppt

第4章 XMLHttpRequest对象 第四章（XMLHttpRequest对象） * * XMLHttpRequest对象概述 XMLHttpRequest对象属性和方法 基本的AJAX框架 AJAX必须解决的问题 XMLHttpRequest对象 XMLHttpRequest对象是整个Ajax技术中的核心，异步发送请求。异步发送请求是根本，局部刷新只是表面的现象。Ajax离开了XMLHttpRequest对象，将失去与服务器异步通信的能力。 XMLHttpRequest是一套可以在JavaScript、VBScript、Jscript等脚本语言中使用的API，它通过HTTP协议异步地向服务器发送请求，并可以获取从服务器返回的响应 XMLHttp是客户端同HTTP服务器通讯的协议，客户端通过XMLHTTP对象向服务器发送请求，并使用微软XML文档对象模型（DOM）来处理服务器的响应。 * * 概述 第四章（XMLHttpRequest对象） XMLHttpRequest的方法 abort()：停止发送当前请求 getAllResponseHeaders()：获取服务器返回的全部响应头[04/01] getResponseHeader(“headerLabel”)：根据响应头的名字，获取对应的响应头 open(“method”,”URL”,[asyncFlag],[“username”],[“password”])：建立与服务器URL的连接，并设置请求的方法，以及是否使用异步请求。如果远程服务器需要使用用户名和密码 * * 属性和方法 第四章（XMLHttpRequest对象） 参数名 说明 Method 字符串型。HTTP请求的方法，例如POST、GET、PUT、HEAD、DELETE等，大小写不敏感 URL 字符串型。请求的URL地址，可以为绝对地址或相对地址 asyncFlag 布尔型。指定此请求是否为异步方式，默认为true；如果是异步方式，则当状态改变时会调用onreadystatechange属性指定回调函数 Username 字符串型。当服务器需要身份验证时，在此指定用户名 Password 字符串型。验证信息中的密码部分。如果用户名为空，则此值将被忽略 send(content)：发送请求，其中content是请求参数 setRequestHeader(“label”,”value”)：在发送请求之前，先设置请求头 用POST方法提交请求时 XMLHttpRequest.setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”) 提交COOKIE时 XMLHttpRequest.setRequestHeader(“COOKIE”,”cookiename=cookievalue”) 提交XML XMLHttpRequest.setRequestHeader(“Content-Type”,”text/xml”) 注：如果存在已命名的HTTP头，则会被新的定义覆盖，此方法必须在open方法后调用 * * 属性和方法 第四章（XMLHttpRequest对象） 参数名 说明 label 字符串型。头名称 value 字符串型。值 XMLHttpRequest的属性 onreadystatechange：用于指定XMLHttpRequest对象状态改变时的时间处理函数 readyState：XMLHttpRequest对象的处理状态[04/02] responseText：用于获取服务器的响应文本 responseXML：用于获取服务器响应的XML文档对象 * * 属性和方法 第四章（XMLHttpRequest对象） 状态码 说明 0 XMLHttpRequest对象还没有完成初始化 1 XMLHttpRequest对象开始发送请求 2 XMLHttpRequest对象的请求发送完成 3 XMLHttpRequest对象开始读取服务器的响应 4 XMLHttpRequest对象读取服务器响应结束 status：服务器返回的状态码，只有当服务器的响应已经完成时，才会有该状态码 statusText：服务器返回的状态文本信息，只有当服务器的响应已经完成时，才会有该状态文本信息[04/03] * * 属性和方法 第四章（XMLHttpRequest对象） 状态码 说明 200 服务器响应正常 304 该资源在上次请求之后没有任何修改，这通常用于缓存机制。使用GET时尤其注意 400 无法找到请求的资源 401 访问资源的权限不够 403 没有权限访问资