全面剖析XMLHttpRequest对象（3）

最新推荐文章于 2014-06-18 22:28:00 发布

yyg_5106

最新推荐文章于 2014-06-18 22:28:00 发布

阅读量71

点赞数

文章标签： XML Cache JavaScript 浏览器 Servlet ViewUI

本文链接：https://blog.csdn.net/yyg_5106/article/details/83291956

版权

五、处理请求

　　在这个示例中，因为 HTTP 方法是 GET ，所以在服务器端的接收 servlet 将调用一个 doGet() 方法，该方法将检索在 URL 中指定的 catalogId 参数值，并且从一个数据库中检查它的有效性。

　　本文示例中的这个 servlet 需要构造一个发送到客户端的响应；而且，这个示例返回的是 XML 类型，因此，它把响应的 HTTP 内容类型设置为 text/xml 并且把 Cache-Control 头部设置为 no-cache 。设置 Cache-Control 头部可以阻止浏览器简单地从缓存中重载页面。

public void doGet(HttpServletRequest request，
HttpServletResponse response)
throws ServletException， IOException {
　 ...
　 ...
　 response.setContentType("text/xml");
　 response.setHeader("Cache-Control"， "no-cache");
}

　　来自于服务器端的响应是一个 XML DOM 对象，此对象将创建一个 XML 字符串 - 其中包含要在客户端进行处理的指令。另外，该 XML 字符串必须有一个根元素。

out.println("＜ catalogId＞ valid＜ /catalogId＞ ");

　　【注意】 XMLHttpRequest 对象的设计目的是为了处理由普通文本或 XML 组成的响应；但是，一个响应也可能是另外一种类型，如果用户代理 (UA) 支持这种内容类型的话。

　　当请求状态改变时， XMLHttpRequest 对象调用使用 onreadystatechange 注册的事件处理器。因此，在处理该响应之前，你的事件处理器应该首先检查 readyState 的值和 HTTP 状态。当请求完成加载（ readyState 值为 4 ）并且响应已经完成（ HTTP 状态为 "OK" ）时，你就可以调用一个 JavaScript 函数来处理该响应内容。下列脚本负责在响应完成时检查相应的值并调用一个 processResponse()方法。

function processRequest(){
　 if(xmlHttpReq.readyState==4){
　　 if(xmlHttpReq.status==200){
　　　 processResponse();
　　 }
　 }
}

　　该 processResponse()方法使用 XMLHttpRequest对象的 responseXML和 responseText属性来检索 HTTP响应。如上面所解释的，仅当在响应的媒体类型是 text/xml， application/xml或以 +xml结尾时，这个 responseXML才可用。这个 responseText 属性将以普通文本形式返回响应。对于一个 XML 响应，你将按如下方式检索内容：

var msg=xmlHttpReq.responseXML;

　　借助于存储在 msg变量中的 XML，你可以使用 DOM方法 getElementsByTagName()来检索该元素的值：

var catalogId=msg.getElementsByTagName("catalogId")[0].firstChild.nodeValue;

　　最后，通过更新 Web页面的 validationMessage div中的 HTML内容并借助于 innerHTML属性，你可以测试该元素值以创建一个要显示的消息：

if(catalogId=="valid"){
　 var validationMessage = document.getElementById("validationMessage");
　 validationMessage.innerHTML = "Catalog Id is Valid";
}
else
{
　 var validationMessage = document.getElementById("validationMessage");
　 validationMessage.innerHTML = "Catalog Id is not Valid";
}

　　六、小结

　　上面就是 XMLHttpRequest 对象使用的所有细节实现。通过不必把 Web 页面寄送到服务器而实现数据传送， XMLHttpRequest 对象为客户端与服务器之间提供了一种动态的交互能力。你可以使用 JavaScript 启动一个请求并处理相应的返回值，然后使用浏览器的 DOM 方法更新页面中的数据。