利用Ajax发送HEAD请求读取服务器响应头部

Ajax笔记，参考自《Ajax+PHP程序设计实战详解》

Ajax发送请求的类型除了GET，POST外，还可以发送HEAD请求。作用在于读取服务器的响应头部而忽略其内容，通过读取响应头部可以得出Content-Type、LastModified等内容。可以用来验证服务器是否正常运行或者获取一些服务器的信息。由于发送HEAD请求时，服务器只返回响应头部而忽略内容，因此HEAD请求的响应比GET或者POST都要快得多。其中xmlHttp对象的方法getAllResponseHeaders(),getLastModified,getIsResourceAvailable()分别用来读取响应头部，修改时间和资源是否可用（可参考XMLHttpRequest对象手册）

发送HEAD请求，处理响应信息的前端文件index.php

<script type="text/javascript">
var xmlHttp;
var requestType="";
function createXMLHttpRequest() {
	if (window.ActiveXObject) {
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	} else if (window.XMLHttpRequest) {
		xmlHttp = new XMLHttpRequest();
	}
}
function doHeaderRequest(request,url) {
	requestType=request;
	createXMLHttpRequest();
	xmlHttp.onreadystatechange=handleStateChange;
	xmlHttp.open("Head",url,true);
	xmlHttp.send(null);
}
function handleStateChange() {
	if(xmlHttp.readyState==4) {
		if(requestType=="allResponseHeaders") {
			getAllResponseHeaders();
		}
		else if(requestType=="lastModified") {
			getLastModified();
		}
		else if(requestType=="isResourceAvailable") {
			getIsResourceAvailable();
		}
	}
}
function getAllResponseHeaders() {
	alert(xmlHttp.getAllResponseHeaders());
}
function getLastModified() {
	alert("Last Modified: "+xmlHttp.getResponseHeader("Last-Modified"));
}
function getIsResourceAvailable() {
	if(xmlHttp.status==200) {
		alert("Successful response");
	}
}
</script>
<fieldset><legend>读取网页响应头</legend>
<a href="javascript:doHeaderRequest('allResponseHeaders','readingResponseHeaders.xml')">
读取所有文件头
</a><br>
<a href="javascript:doHeaderRequest('lastModified','readingResponseHeaders.xml')">
获取文件修改日期
</a><br>
<a href="javascript:doHeaderRequest('isResourceAvailable','readingResponseHeaders.xml')">
读取现存资源
</a><br>
</fieldset>

服务器端文件readingResponseHeaders.xml

<?xml version="1.0" encoding="UTF-8"?>
<readingResponseHeaders></readingResponseHeaders>