第三部分web高级开发第14章ajax开发技术走进

1、JAVA WEB开发实战经典第14章：AJAX开发技术 走进AJAX 本章目标掌握AJAX的主要作用；掌握XMLHttpRequest对象的创建及使用。AJAX技术简介 AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML），AJAX并不是一项新的技术，它产生的主要目的是用于页面的局部刷新，从之前的代码开发来看，读者可以发现，每当用户向服务器端发出请求时，那怕需要的只是简单的更新一点点的局部内容，服务器端都会将一个整体的页面进行刷新，并重新生成代码，这样一来程序的性能肯定会有所降低的，而如果采用了AJAX技术之后，就可以实现局部的内容变更，

2、而不用再进行整体的页面刷新，显然处理的性能要比前者高很多 XMLHttpRequest对象 在AJAX中主要是通过XMLHttpRequest对象处理发送异步请求和处理回应的，此对象最早是在IE 5中以ActiveX组件的形式出现的，一直到2005年之后才被广泛的使用，而如果要想创建一个XMLHttpRequest对象必须使用JavaScript。创建XMLHttpRequest对象 create_ajax.htm var xmlHttp ;/ AJAX核心对象名称function createXMLHttp() / 创建XMLHttpRequest核心对象if (window.XMLHttp

3、Request) / 判断当前使用的浏览器类型xmlHttp = new XMLHttpRequest();/ 表示使用的为FireFox内核的浏览器 else / 表示使用的是IE内核的浏览器xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); XMLHttpRequest对象的属性 No.属性描述1onreadystatechange指定当readState状态改变时使用的操作，一般都用于指定具体的回调函数2readyState返回当前请求的状态，只读3responseBody将回应信息正文以unsigned byte数组形式返回，只读4respo

4、nseStream以Ado Stream对象的形式返回响应信息，只读5responseText接收以普通文本返回的数据，只读6responseXML接收以XML文档形式回应的数据，只读7status返回当前请求的http状态码，只读8statusText返回当前请求的响应行状态，只读readState取值对readState一共有五种取值，分别是： 0：请求没有发出（在调用open()函数之前之前）。 1：请求已经建立但还没有发出（调用send()函数之前）。 2：请求已经发出正在处理之中（这里通常可以从响应得到内容头部）。 3：请求已经处理，正在接收服务器的信息，响应中通常有部分数据可用，但

5、是服务器还没有完成响应。 4：响应已完成，可以访问服务器响应并使用它。 XMLHttpRequest对象的方法 No.方法描述1abort()取消当前所发出的请求2getAllResponseHeaders()取得所有的HTTP头信息3getResponseHeader()取得一个指定的HTTP头信息4open()创建一个HTTP请求，并指定请求模式，例如：GET请求或POST请求5send()将创建的请求发送到服务器端，并接收回应信息6setRequestHeader()设置一个指定请求的HTTP头信息使用异步处理 ajax_receive_content.htm ，MLDN高端Java培训

6、var xmlHttp ;/ AJAX核心对象名称function createXMLHttp() / 创建XMLHttpRequest核心对象if (window.XMLHttpRequest) / 判断当前使用的浏览器类型xmlHttp = new XMLHttpRequest();/ 表示使用的为FireFox内核的浏览器 else / 表示使用的是IE内核的浏览器xmlHttp = new ActiveXObject(Microsoft.XMLHTTP) ; function showMsg()createXMLHttp() ;/ 建立xmlHttp核心对象xmlHttp.open(POST,content.htm);/ 设置一个请求/ 设置请求完成之后处理的回调函数xmlHttp.onreadystatechange = showMsgCallback ;xmlHttp.send(null) ;/ 发送请求，不传递任何参数function showMsgCallback()/ 定义回调函数if (xmlHttp.readyState = 4) / 数据返回完毕if (xmlHttp.status = 200) / HTTP操作正常var text = xmlHttp.responseText ;/ 接收返回的内容/ 设置msg标签元素中要显示的内容为AJAX接收的返回