ajax对象getResponseHeader方法--JavaScript/Ajax--编程设计网

=波波日志 > JavaScript/Ajax > ajax对象getResponseHeader方法=

[转]ajax对象getResponseHeader方法

　　在实际程序中，有时需要从服务器获取一些信息，例如，读取服务器发出信息的首部，读取首部而忽略内容。通过读取首部信息，可以获取到Content-Type（内容类型）、Content-Length（内容长度），甚至Last-Modify（最后一次修改）的日期。

　　如果只关注响应信息的首部，一般来说应该是使用HEAD请求。当服务器对HEAD请求作出响应时，只返回响应信息的首部而忽略内容。由于HEAD请求忽略内容，所以其响应比对GET或POST响应小很多。代码18.1显示了获取响应头信息的方法。

代码18.1 获取相应头信息

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>获取HTTP头信息</title>
<script type="text/javascript">
var xmlHttp=false;
var headType = "";
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.ActiveXObject) { //IE
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
window.alert("创建XMLHttpRequest对象错误"+e);
}      
}
} else if(window.XMLHttpRequest) { //非IE
xmlHttp = new XMLHttpRequest();
}   
if(!(xmlHttp)) {
window.alert("创建XMLHttpRequest异常!");
}
}  

function HeadRequest(request) {
createXMLHttpRequest();
headType= request;
xmlHttp.onreadystatechange = getHeadInfo;
xmlHttp.open("HEAD", "http://www.rzchina.net/", false);
xmlHttp.send(null);
}

function getHeadInfo() {
if(xmlHttp.readyState == 4) {
 if(headType == "Content-Type") {
   window.alert("Content-Type: " + xmlHttp.
getResponseHeader("Content-Type")); 
 } else if(headType == "Content-Length") {
   window.alert("Content-Length: " + xmlHttp.
getResponseHeader("Content-Length")); 
 } else if(headType == "Last Modified") {
   window.alert("Last Modified: " + xmlHttp.
getResponseHeader("Last-Modified")); 
 } 
}
}
</script>
</head>
<body>
<center>
<h1>获取HTTP头信息</h1>
<input type="button" value="Content-Type" 
onclick="HeadRequest('Content-Type')">
<br>
<br>
<br>
<input type="button" value="Content-Length" 
onclick="HeadRequest('Content-Length')">
<br>
<br>
<br>
<input type="button" value="Last Modified" 
onclick="HeadRequest('Last-Modified')">
<br>
</center>
</body>
</html>

　　代码18.1的运行效果如图18.1~图18.3所示。从图18.1可以看出，获取目标网站的HTTP头中的Content-Type信息为text/html。图18.2显示了服务器返回的Content-Length信息。

图18.1 获取Content-Type信息

图18.2 获取Content-Length信息

图18.3 未获取Last Modified信息

　　在获取Response头信息时，并不是所有的信息都能够获取，例如在代码18.1中获取Last Modified信息时，服务器并没有返回相应的信息。

来源：http://book.51cto.com/art/200810/91498.htm

类别：JavaScript/Ajax　作者：转载　日期：2011-08-19　【评论：0】　

上一篇：ajax对象getAllResponseHeaders方法　
下一篇：javascript 数组方法

暂时没有评论！

发表留言

热门博文