HMLHttpRequest对象详解.docxVIP

HMLHttpRequest 对象详解 与传统Web应用中发送请求不同，Ajax 必须以编程方式来发送请求。在请求发送出去之后，服务器相应会在适当的时候返回，但客户端浏览器不会自动加载这种异步响应，程序必须先调用HMLHttpRequest对象的responseText或responseXML来获取服务器响应，再通过DOM操作将服务器响应动态加载到当前页面中。 2.1 XMLHttpRequest对象概述 关于X MLHttpRequest最通用的定义是：XMLHttpRequest是一套可以在JavaScript、VBscript、JScript等脚本语言中使用的API，它通过HTTP协议异步地向服务器发送请求，并获取从服务器返回的响应。 2.2 XMLHttpRequest的方法和属性 2.2.1 XMLHttpRequest的方法（6个） abort():停止发送当前请求。 getAllResponseHeaders():获取服务器返回的全部响应头。 getResponseHeader(headerLabel):根据响应头的名字，获取对应的响应头。 open(method,URL[,asyncFlag[,userName[,password]]]):建立与服务器URL的连接，并设置请求的方法，以及是否使用异步请求。如果远程服务器需要用户名、密码，则提供对应信息。method:get/post;URL:second.jsp;asyncFlag:true/false; send(content):发送请求。其中content是请求参数，如没有建议设置为null setRequestHeader(label,value):在发送请求之前，先设置请求头。 详细例子见文件夹02\2.2\getAllResponseHeaders 提示：调试程序时，应先保证服务器响应完全正确，再调试JavaScript代码。 2.2.2 XMLHttpRequest 的属性（6个） onreadystatechange:该属性用于指定XMLHttpRequest对象状态（4个状态）改变时的事件处理函数。 readyState:该属性用于获取XMLHttpRequest对象的处理状态。 responseText:该属性用于获取服务器响应文本。 responseXML:该属性用于获取服务器响应的XML文档对象。 status:该属性是服务器返回的状态码，只有当服务器的响应已经完成时，才会有该状态码。 statusText:该属性是服务器返回的状态文本信息，只有当服务器的响应已经完成时，才会有该状态文本信息。 1.onreadystatechange属性 onreadystatechange属性用于指定XMLHttpRequest对象的状态改变时执行的函数。当其对象的状态改变时，该函数将被触发。也就是说，XMLHttpRequest对象是事件源，它可以引发赋给onreadystatechange属性值的那个函数的执行。对象每次改变状态时，即readyState属性值改变，都会触发监听该事件的事件处理器（指定的函数）。 2.readyState属性 readyState的属性有四种状态： 0: XMLHttpRequest对象还没有完成初始化。 1: XMLHttpRequest对象开始发送请求。 2: XMLHttpRequest对象的请求发送完成。 3: XMLHttpRequest对象开始读取服务器的响应。 4: XMLHttpRequest对象读取服务器响应结束。 当readyState状态为2时，服务器可以获取XMLHttpRequest发送的请求参数。 详细例子见文件夹02\2.2\ readyState 注意：以上两个属性名在IE中可以不区分大小写，但是在其他浏览器中要严格区分大小写。 只能写成onreadystatechange。为了保证更好的跨浏览器效果，建议严格区分大小写。 3.status和statusText属性 服务器的响应完成后，依然不能直接获取服务器响应。因为服务器响应也有很多种情况。例如浏览器访问一个并不存在的资源时，服务器自动生成错误提示页，上面显示HTTP Status 404，404表示资源不存在，即即使资源不存在或者服务器错误，服务器一样会产生响应。也就是说，即使程序判断XMLHttpRequest的readyState为4，即服务器响应已经完成，但从服务器获取的响应信息依然有可能是错误的（执行了，但结果不一定合理）。 为了判断服务器响应是否正确，可以检测XMLHttpRequest的status属性或statusText属性。只有当服务器响应正常时，JavaScript才应该读取服务器响应信息，并将信