AJAX (Asynchronous JavaScript and XML) 是一種在網頁上發送和接收數據的技術。它允許在不刷新整個頁面的情況下，向服務器發送請求并接收響應。在使用 AJAX 進行 HTTP 請求時，我們可以通過設置headers和options來定制發送請求的方式和接收響應的格式。

首先，讓我們來看看如何使用 AJAX 的headers和options來發送 HTTP 請求，并解析服務器返回的響應。假設我們正在開發一個簡單的天氣應用程序，我們希望向服務器發送 GET 請求，以獲取特定城市的當前天氣情況。下面是一個使用 AJAX 的示例代碼：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.weather.com/weather?city=beijing", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log("當前溫度為：" + response.temperature + "°C");
} else {
console.log("請求失敗：" + xhr.status);
}
}
};
xhr.send();

上面的代碼展示了如何使用 AJAX 發起一個 GET 請求。在發送請求之前，我們使用setRequestHeader方法來設置請求頭部的Content-Type，以告訴服務器我們發送的數據類型是 JSON。在接收到服務器的響應后，我們可以通過JSON.parse方法將響應的 JSON 字符串解析為 JavaScript 對象，并從中獲取我們需要的數據。

除了設置請求頭部外，我們還可以使用 AJAX 的options來進一步定制請求的行為。例如，我們可以設置請求的超時時間，以避免請求過久而導致用戶體驗下降：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.weather.com/weather?city=beijing", true);
xhr.timeout = 5000;
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log("當前溫度為：" + response.temperature + "°C");
} else {
console.log("請求失敗：" + xhr.status);
}
}
};
xhr.send();

在上面的代碼中，我們使用timeout屬性來設置請求的超時時間為 5000 毫秒（即 5 秒）。如果服務器在這個時間內沒有響應，那么 AJAX 將觸發ontimeout事件，我們可以在事件處理函數中處理超時情況。

除了設置超時時間外，我們還可以通過options設置其他請求相關的參數，比如設置是否使用異步請求、發送請求的身份驗證信息等。以下是一個發送帶有身份驗證信息的 POST 請求的示例：

var xhr = new XMLHttpRequest();
xhr.open("POST", "https://api.weather.com/weather", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Authorization", "Bearer YOUR_AUTH_TOKEN");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log("當前溫度為：" + response.temperature + "°C");
} else {
console.log("請求失敗：" + xhr.status);
}
}
};
xhr.send(JSON.stringify({ city: "beijing" }));

在上述代碼中，我們發送了一個帶有身份驗證信息的 POST 請求。我們使用了setRequestHeader方法來設置請求頭部的Authorization字段，其中Bearer YOUR_AUTH_TOKEN是我們的身份驗證信息。此外，我們還使用JSON.stringify方法將請求數據轉換為 JSON 字符串，并通過send方法發送請求。

通過配置 AJAX 的headers和options，我們可以定制發送和接收的數據的格式、請求的行為以及通信的安全性。這些功能使得我們可以更靈活地與服務器交互，并提供更好的用戶體驗。