AJAX入门与实例

《AJAX入门与实例》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、AJAX入门与实例AJAX全称为“AsynchronousJavaScriptandXML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。主要包含了以下几种技术：Ajax（AsynchronousJavaScript+XML）的定义基于web标准（standards-basedpresentation）XHTML+CSS的表示；使用DOM（DocumentObjectModel）进行动态显示及交互；使用XML和XSLT进行数据交换及相关操作；使用XMLHttpRequest进行异步数据查询、检索；使用JavaScript将所有的东西绑定在一起。

2、传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的webservice接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的

3、应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。Ajax应用程序的优势在于：1.通过异步模式，提升了用户体验2.优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用3.Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。**************************************************************************************************xmlhttp的属性：onreadystatechange指定

4、当readyState属性改变时的事件处理句柄，只写。readyState返回当前请求的状态，只读。responseBody将回应信息正文以unsignedbyte数组形式返回，只读responseStream以AdoStream对象的形式返回响应信息，只读。responseText将响应信息作为字符串返回，只读。responseXML将响应信息格式化为XmlDocument对象并返回，只读。status返回当前请求的http状态码，只读。statusText返回当前请求的响应行状态，只读。xmlhttp的方法：abort取消当前请求getAllResponseHeaders获

5、取响应的所有http头getResponseHeader从响应信息中获取指定的http头open创建一个新的http请求，并指定此请求的方法、URL以及验证信息(用户名/密码)//常用send发送请求到http服务器并接收回应//常用setRequestHeader单独指定请求的某个http头第6页语法：onreadystatechang指定当readyState属性改变时的事件处理句柄，只写xmlHttpObj.onreadystatechange=a;functiona(){if(xmlHttpObj.readyState==4){if(xmlHttpObj.stateus

6、==200){alert(xmlHttpObj.responseText);}else{alert("加载失败！原因："+xmlHttpObj.stateText);}}}readyState返回当前请求的状态，只读。xmlHttpObj.readyState;参见函数a;readyState，变量。定义如下：0(未初始化)对象已建立，但是尚未初始化（尚未调用open方法）1(初始化)对象已建立，尚未调用send方法2(发送数据)send方法已调用，但是当前的状态及http头未知3(数据传送中)已接收部分数据，因为响应及http头不全，这时通过responseBody和re

7、sponseText获取部分数据会出现错误，4(完成)数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据responseText将响应信息作为字符串返回，只读。xmlHttpObj.responseText;responseBody,responseStream,responseText,responseXML与之相似responseXML可以返回一个文档树(DOM)，可以使用document.getElementsByTagName,docu