readingResponseHeaders.html

最新推荐文章于 2025-05-18 11:22:17 发布

iteye_9891

最新推荐文章于 2025-05-18 11:22:17 发布

阅读量176

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： HTML Ajax XML Microsoft

本文链接：https://blog.youkuaiyun.com/iteye_9891/article/details/81692318

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用JavaScript通过AJAX发送HEAD请求并读取HTTP响应头的示例。展示了如何获取所有响应头信息、资源最后修改日期及检查资源是否可用的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例子来源：《Ajax 基础教程》金灵等译这本书非常不错

readingResponseHeaders.html


<html>
<head>
<title>Reading Response Header</title>
<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 doHeadRequest(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");
	}
	else if(xmlHttp.status == 404) {
		alert("Resource is unavailable");
	}
	else {
		alert("Unexpected response status: " + xmlHttp.status);
	}
}
</script>
</head>

<body>
<h1>Reading Response Headers</h1>
<a href="javascript:doHeadRequest('allResponseHeaders', 'readingResponseHeaders.xml');">Read All Response Headers</a>
<br />
<a href="javascript:doHeadRequest('lastModified', 'readingResponseHeaders.xml');">Get Last Modified Date</a>
<br />
<a href="javascript:doHeadRequest('isResourceAvailable', 'readingResponseHeaders.xml');">Read Available Resource</a>
<br />
<a href="javascipt:doHeadRequest('isResourceAvailable', 'not-available.xml');">Read Unavailable Resource</a>
</body>
</html>

readingResponseHeaders.xml


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

</readingResponseHeaders>