AJAX（Asynchronous JavaScript and XML）是一種用于在Web應用程序中進行異步數(shù)據(jù)交互的技術。通過AJAX，我們可以向服務器發(fā)送請求，并獲取服務器返回的響應。除了獲取響應的主體內容外，有時候我們也需要獲取服務器響應的Header信息。在本文中，我們將探討如何使用AJAX獲取響應的Header，并舉例說明其用法。

在AJAX中，我們可以通過XMLHttpRequest對象來發(fā)送HTTP請求。當我們發(fā)送GET或HEAD請求時，響應的Header信息會以字符串的形式包含在XMLHttpRequest對象的getAllResponseHeaders()方法返回的字符串中。這個字符串是以鍵值對的形式表示的，其中鍵表示Header的名稱，值表示Header的值。下面是一個示例：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.example.com", true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var headers = xhr.getAllResponseHeaders();
console.log(headers);
}
};

執(zhí)行上述代碼后，你將在瀏覽器的控制臺中看到類似以下的輸出：

Date: Fri, 21 May 2021 08:00:00 GMT
Content-Type: text/html; charset=UTF-8
Server: Apache
// 其他Header信息...

通過解析這個字符串，我們可以獲取到每個Header的具體信息。例如，如果我們想要獲取服務器返回的Content-Type，可以使用下面的代碼：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.example.com", true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var headers = xhr.getAllResponseHeaders();
var contentType = headers.match(/content-type\:\s*(.*)/i)[1];
console.log(contentType);
}
};

這段代碼將輸出服務器返回的Content-Type。當然，你也可以根據(jù)需要獲取其他Header的值。

需要注意的是，在使用getAllResponseHeaders()方法時，我們應該確保AJAX請求已經(jīng)完成并且返回了響應。只有在AJAX的readyState屬性為4（表示請求完成）且status屬性為200（表示請求成功）時，我們才能獲取到響應的Header信息。

除了使用getAllResponseHeaders()方法外，我們還可以使用getResponseHeader()方法來獲取特定Header的值。與前面的示例類似，下面的代碼演示了如何使用getResponseHeader()方法獲取服務器返回的Content-Type：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.example.com", true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var contentType = xhr.getResponseHeader("Content-Type");
console.log(contentType);
}
};

這段代碼的輸出與前面的示例相同。

總之，通過AJAX我們可以輕松地獲取服務器響應的Header信息，這對于處理Web應用程序中的異步數(shù)據(jù)交互是非常有用的。通過使用getAllResponseHeaders()和getResponseHeader()方法，我們可以方便地獲取特定Header的值，從而滿足不同的業(yè)務需求。