AJAX（Asynchronous JavaScript and XML）是一種前端技術，用于在不刷新整個頁面的情況下，向服務器發送異步請求并接收響應。在使用AJAX時，我們經常需要在請求中攜帶一個特定的標識符，用于服務器驗證請求的合法性。這個標識符通常被稱為Token。本文將介紹如何使用AJAX存儲自定義Token，并通過舉例說明其用途和優勢。

現假設我們有一個簡單的網站，其中包含一個登錄頁面。用戶在登錄成功后，服務器返回一個Token給客戶端，并存儲在客戶端瀏覽器的Cookie中。當用戶進行其他操作時，如發表評論、點贊等，我們需要向服務器發送請求，以便服務器驗證請求的合法性。這時，就可以使用AJAX來發送請求，并在請求中攜帶Token。

首先，我們需要創建一個存儲Token的變量，例如：

let token = null;

當用戶登錄成功后，我們從服務器獲取Token，并將其存儲在該變量中。下面是一個示例代碼：

// 假設url為登錄接口地址
fetch(url, {
method: 'POST',
body: JSON.stringify({ username: 'user', password: 'pass' }),  // 發送用戶名和密碼
headers: {
'Content-Type': 'application/json'
}
})
.then(response =>response.json())
.then(data =>{
token = data.token;  // 將從服務器返回的Token存儲在變量中
})
.catch(error =>{
console.error('登錄失敗:', error);
});

在以上代碼中，我們通過fetch API向服務器發送POST請求，攜帶用戶填寫的用戶名和密碼。服務器驗證成功后，返回一個包含Token的JSON對象。我們可以通過.then()方法獲取這個Token，并將其賦值給變量。

現在，我們的Token已經保存在變量中了。當用戶進行其他操作時，我們可以使用AJAX發送請求，同時攜帶Token。下面是一個發表評論的示例代碼：

// 假設url為發表評論接口地址
fetch(url, {
method: 'POST',
body: JSON.stringify({ comment: 'This is a comment.' }),  // 發送評論內容
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}`  // 在請求頭中攜帶Token
}
})
.then(response =>response.json())
.then(data =>{
console.log('評論成功:', data);
})
.catch(error =>{
console.error('評論失敗:', error);
});

在以上代碼中，我們通過fetch API向服務器發送POST請求，攜帶用戶填寫的評論內容。同時，在請求頭中添加了一個Authorization字段，值為"Bearer "加上Token。服務器在接收到請求后，會驗證該Token的合法性，并進行相應的操作。

通過這種方式，我們可以確保每個請求的合法性，并對未經授權的請求做出相應的處理。同時，由于Token是動態生成的，所以每次請求的Token都不相同，增加了請求的安全性。

在本文中，我們介紹了如何使用AJAX存儲自定義Token，并通過舉例說明其用途和優勢。通過這種方式，我們可以實現更安全、更可靠的前端請求，并提升用戶體驗。