Javascript/Ajax 中的 HTTP HEAD 请求？

Question

是否可以仅使用 JavaScript 中的 XMLHTTPRequest 来执行 HTTP Head 请求？

我的动机是节省带宽。

如果不是，是否可以造假？

Answer 1

很简单，只需使用 HEAD 方法，而不是 GET 或 POST：

function UrlExists(url, callback)
{
    var http = new XMLHttpRequest();
    http.open('HEAD', url);
    http.onreadystatechange = function() {
        if (this.readyState == this.DONE) {
            callback(this.status != 404);
        }
    };
    http.send();
}

这只是一个简短的示例，展示如何使用 HEAD 方法。 生产代码可能需要针对不同结果状态（成功、失败、超时）进行更细粒度的回调，并且可能使用不同的 事件处理程序（onload、onerror 和 ontimeout 而不是 onreadystatechange）。

Answer 2

更现代的方法是使用 Fetch API 替换XMLHttpRequest。

例如（在async函数内）

const url = "https://example.com";
const response = await fetch(url, { method: "HEAD" });
console.log(`Got status: ${response.status}`);

Answer 3

XMLHTTPRequest 对象

getAllResponseHeaders();
getResponseHeader("header-name")

应该在其上定义