如果验证服务器是否正常运行，只想读取服务器发出的响应首部，可以使用HEAD请求。通过HEAD请求可以获得以下内容：
- Content-Type(内容类型)
- Content-Length(内容长度)
- Last-Modified(最后一次修改的时间)
示例如下：
readingResponseHeaders.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Reading Response Headers</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','./xml/readingResponseHeaders.xml')">Read All Response Headers</a>
<br />
<a href="javaScript:doHeadRequest('lastModified','./xml/readingResponseHeaders.xml')">Get Last Modified Date</a>
<br />
<a href="javaScript:doHeadRequest('isResourceAvailable','./xml/readingResponseHeaders.xml')">Read Available Resource</a>
<br />
<a href="javaScript:doHeadRequest('isResourceAvailable','./xml/not-available.xml')">Read Unavailable Resource</a>
</body>
</html>
分享到：
相关推荐
- **读取响应首部**：获取服务器返回的HTTP头信息。 - **动态加载列表框**：根据用户选择动态填充下拉列表。 - **自动刷新页面**：定时获取新数据，自动更新页面内容。 - **显示进度条**：在后台处理时向用户...
4.2 读取响应首部 75 4.3 动态加载列表框 79 4.4 创建自动刷新页面 85 4.5 显示进度条 90 4.6 创建工具提示 95 4.7 动态更新web页面 101 4.8 访问web服务 110 4.9 提供自动完成 116 4.10 小结 123 第5章 ...
实例 56读取响应首部 实例 57动态加载列表框 实例 58显示进度条 实例 59数据无刷新写入文本文件 实例60 提供自动完成 实例61 实现级联菜单的设计 实例62 PHP+Ajax树状菜单 第8章 Ajax数据库操作 实例63 显示...
**4.2 读取响应首部** - **响应首部作用：** - 提供关于响应的一些基本信息。 - 可以用于调试和诊断问题。 **4.3 动态加载列表框** - **动态加载列表框：** - 根据用户的输入或选择动态更新列表项。 - 通常...
- **4.2 读取响应首部** 介绍如何读取服务器返回的HTTP响应首部信息，这对于理解服务器状态和调试非常重要。 - **4.3 动态加载列表框** 展示如何使用Ajax动态填充下拉列表，提升用户体验。 - **4.4 创建自动...
4.2 读取响应首部：获取HTTP响应头信息，用于状态判断或缓存控制。 4.3 动态加载列表框：根据用户输入实时更新下拉列表选项。 4.4 创建自动刷新页面：实现定时刷新内容，如股票报价或天气预报。 4.5 显示进度条：...
5. 处理服务器响应：通过监听`onreadystatechange`事件，当服务器响应准备好时，读取`responseText`或`responseXML`属性获取结果。 6. 更新DOM：根据服务器返回的验证结果，更新表单元素的状态，如显示错误消息或...
包括验证、首部读取、动态加载、自动刷新、显示进度条、创建工具提示、更新页面、访问Web服务、自动完成等功能的实现。 ### 5. 工具与技巧 如JSDoc、Firefox扩展、DOM Inspector、JSLint等工具，用于文档编写、内容...
2、在ajax请求中，发送首部信息的工作可以由setRequestHeader完成。 3、参数header:首部的名字 参数value:首部的值 4、如果用post请求向服务器发送数据，需要将”Content-type”的首部设置为”application/x-...
4. 监听HTTP状态变化，当状态变为4（完成）且状态码为200（成功）时，读取响应数据。 5. 在回调函数中处理响应数据。 **Fetch API** Fetch API是现代浏览器提供的一种更优雅、更简洁的替代Ajax的方式。Fetch API...
- **HEAD**：获取报文首部，类似于GET，但仅返回响应头，不包含响应体。 4. **GET与POST的区别** - 安全性、缓存、历史记录、参数大小、回退行为、数据操作类型以及编码方式等方面都有所差异。 5. **HTTP报文...