异步传输概念及流程

《异步传输概念及流程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、异步传输概念及流程AJAX技术Ajax概念AsynchronousJavaScript＋XMLAjax不是一个新的技术，应算一个技巧JavaScript是其主要的组件XMLHttpRequest对象(XHR)是Ajax中的重要对象Ajax概念互联网默认的请求/响应模式有了重大转变，这正式Ajax的核心Web应用开发人员可以自由地与服务器异步交互可以完成许多原本只能在胖客户上完成的任务Ajax概念Ajax是一个客户端技术，不论使用何种服务器端技术，都能使用Ajax需要注意的是，使用Ajax，服务器端程序可能不会

2、返回一个完整页面，而只是返回一点点文本Ajax的四个主要组件JavaScriptCSSDOMXMLHttpRequest对象XMLHttpRequest对象XMLHttpRequest最早是在IE5中以ActiveX组件形式实现的最近，很多新的浏览器都支持XHR创建XMLHttpRequest对象使用XHR前，必须用JavaScript创建一个XHR对象IE把XHR实现为一个ActiveX对象其他浏览器实现为一个本地JavaScript对象由于这些差别，所以创建XHR时需要用分支逻辑创建XMLHttpRequ

3、est对象VarxmlHttp;FunctioncreateXMLHttpRequest(){if(window.ActiveXObject){xmlHttp=newActiveXObject(“Microsoft.XMLHttp”);}elseif(window.XMLHttpRequest){xmlHttp=newXMLHttpRequest();}}XMLHttpRequest方法Abort:停止当前请求getAllResponseHeaders:把Http请求的所有响应首部作为键/值对返回getRes

4、ponseHeader(“header”):返回指定首部的串值XMLHttpRequest方法Open(“method”,”url”):建立对服务器的调用，method可以是get、post、或putSend（content）:向服务器发送请求，POST方式是，数据用此方法发送，GET方式时一般为NULLsetRequestHeader(“header”,”value”):为首部设定值，之前必须调用open方法XMLHttpRequest属性Onreadystatechange:每个状态改变时都会触发这个事件

5、处理器，通常会调用一个JavaScript函数readyState：请求的状态。有5个可取值：0＝未初始化，1＝正在加载，2＝已加载。3＝交互中，4＝完成responseText:服务器的响应，表示为一个字符串XMLHttpRequest属性responseXML:服务器的响应，表示为XML，这个对象可以解析成一个DOM对象status:服务器的HTTP状态码（200为ok，404为NotFound）statusText:HTTP状态码的对应文本（OK，NOTFound等）GET与POST用GET方式，向服务

6、器发送的数据都追加到URL后，所以长度往往受限制POST方式，长度不受限，需要用XHR对象设置Content-Type首部，如下xmlHttp.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”)发送简单请求步骤创建XHR对象告诉XHR对象，哪个函数会处理XHR对象状态的改变，为此，要把对象的onreadystatechange属性设置为指向JavaScript函数的指针指定请求的属性，用open方法，指定HTTP方式，请求的

7、URL，默认为异步将请求发送给服务器，用send方法，参数可以是串或DOM对象，不过有参数时，一定是POST方式处理服务器响应XHR对象提供了两个可以用来访问服务器响应的属性第一个属性responseText将响应提供为一个串第二个属性responseXML将响应提供为一个XML对象使用innerHTML属性结合HTML元素的innerHTML属性，responseText属性就会变得非常有用innerHTML是一个串，表示一组开始标记和结束标记之间的内容如：Document.getElementById(“

8、results”).innerHTML=xmlHttp.responseText;其中results是div将响应解析成XML如果服务器端，把Content-Type设置为text/xml，则返回的是XML浏览器把返回的XML看成是DOM对象接下来，看看DOM是什么？DOM基本概念文档对象模型（DOM）是与平台和语言无关的接口，允许程序和脚本动态地访问和更新文档的内容、结构和样式可以把DOM认为是页