使用必知：如何為AJAX請求添加頭部信息？

一、什麼是AJAX請求？

AJAX指的是Asynchronous Javascript And XML，它是一種用於創建快速動態網頁的技術。AJAX能夠使網站更加快速地響應用戶操作，避免頁面刷新。

而AJAX請求就是通過XMLHttpRequest（簡稱XHR）對象發送的異步HTTP請求。AJAX請求的主要特點是可以在不刷新整個頁面的情況下更新部分頁面內容。

二、為什麼要添加頭部信息？

在發送AJAX請求時，我們可能需要添加額外的頭部信息。比如，有些Web服務需要在請求頭部中包含某些認證信息或者其他附加信息，才能成功地完成請求。

我們可以通過設置XHR對象的setRequestHeader()方法，來添加請求頭部信息。

三、如何為AJAX請求添加頭部信息？

以下是一個簡單的演示代碼，它添加了一個token認證信息作為請求頭部信息：

// 創建XHR對象
var xhr = new XMLHttpRequest();

// 註冊回調函數
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) { //請求已完成
        if(xhr.status === 200){ //請求成功
            console.log(xhr.responseText);
        } else { //請求失敗
            console.log(xhr.statusText);
        }
    }
};

// 構造請求信息
xhr.open('GET', 'http://www.example.com/sample.json', true);
xhr.setRequestHeader('Authorization', 'Bearer ' + token); //添加頭部信息
xhr.send();

在上面的代碼中，我們首先創建一個XHR對象，然後註冊回調函數，接着通過open()方法構造請求信息，並在請求頭部中添加了一個Authorization信息。最後通過send()方法發送請求。

需要注意的是，在設置請求頭部信息時，Authorization頭部信息內容通常採用Bearer Token的方式，並在Token前添加‘Bearer ’字符，具體Token內容請根據服務器端的實際需求獲取和設置。

四、總結

在AJAX請求中，為請求添加頭部信息是十分常見的操作。通過setRequestHeader()方法，我們可以很方便地添加頭部信息，提高請求的可靠性和正確性，使用戶體驗更加優秀。