本文將介紹如何使用Ajax獲取返回的header信息，并且通過舉例說明展示其作用和效果。

Ajax（Asynchronous JavaScript and XML）是一種在網頁上進行異步數據請求和更新的技術，它可以幫助我們在不刷新整個頁面的情況下，向服務器發送請求并接收響應。在某些情況下，我們可能需要獲取服務器返回的header信息，例如獲取跳轉鏈接、緩存控制、認證信息等等。通過獲取返回的header，我們可以更好地控制頁面的邏輯和展示效果。

下面我們以一個簡單的示例來說明如何使用Ajax獲取header：

$.ajax({
url: "https://example.com/api",
type: "GET",
success: function(response, status, xhr) {
var location = xhr.getResponseHeader("Location");
console.log("跳轉鏈接：" + location);
}
});

在上面的示例中，我們使用了jQuery的ajax方法來發送GET請求，并在success回調函數中獲取了返回的header信息。通過xhr.getResponseHeader方法，我們可以傳入某個特定的header名稱，然后獲取對應的值。

假設我們發送了一個GET請求到https://example.com/api，服務器返回了如下header：

HTTP/1.1 200 OK
Location: https://example.com/newpage
Cache-Control: private, max-age=3600

在success回調函數中，我們調用了xhr.getResponseHeader("Location")來獲取跳轉鏈接。通過console.log輸出，我們可以看到跳轉鏈接為：https://example.com/newpage。

除了獲取跳轉鏈接，我們還可以獲取其他類型的header信息。下面是一個獲取緩存控制信息的示例：

$.ajax({
url: "https://example.com/api",
type: "GET",
success: function(response, status, xhr) {
var cacheControl = xhr.getResponseHeader("Cache-Control");
console.log("緩存控制：" + cacheControl);
}
});

如果服務器返回了以下header信息：

HTTP/1.1 200 OK
Location: https://example.com/newpage
Cache-Control: private, max-age=3600

那么在success回調函數中，我們可以通過xhr.getResponseHeader("Cache-Control")獲取到緩存控制信息，其值為："private, max-age=3600"。

通過以上兩個示例，我們可以看到通過Ajax獲取返回的header信息的方法簡單而直接。不同的header信息對應不同的需求和用途，要根據具體的業務場景來決定獲取哪些header信息和如何使用。

總結起來，通過Ajax獲取返回的header信息可以幫助我們更好地控制頁面邏輯和展示效果。無論是獲取跳轉鏈接、緩存控制還是其他類型的header信息，我們都可以通過xhr.getResponseHeader方法來獲取對應的值。希望本文能夠對大家理解和應用Ajax獲取返回的header信息有所幫助。