Ajax 是一種用于創建實時交互網頁的技術，它可以通過發送異步請求來更新網頁的部分內容，而無需刷新整個頁面。在 Ajax 中，GET 和 POST 兩種方法是最常用的，但有時我們也可能需要使用 PUT 方法來向服務器發送數據。本文將介紹如何使用 Ajax 發送 PUT 請求，并提供詳細的示例說明。

PUT 方法是一種用于更新服務器上資源的 HTTP 方法。與 GET 和 POST 不同，PUT 方法不僅可以傳遞數據，還能指定哪個資源需要被更新。在使用 Ajax 發送 PUT 請求時，我們需要確保請求的 URL 包含正確的資源路徑。下面是一個使用 JavaScript 和 jQuery 實現的發送 PUT 請求的示例：

$.ajax({
url: '/api/users/123',
method: 'PUT',
data: {
name: 'John',
age: 30
},
success: function(response) {
console.log('User updated successfully');
},
error: function(error) {
console.log('Error updating user');
}
});

在上面的示例中，我們通過指定 URL、方法、數據和成功/失敗回調函數來發送 PUT 請求。當請求成功時，我們將會在控制臺輸出 "User updated successfully"；如果請求失敗，則會輸出 "Error updating user"。

另一種發送 PUT 請求的方法是使用 XMLHttpRequest 對象。以下是一個使用原生 JavaScript 實現的例子：

var xhr = new XMLHttpRequest();
xhr.open('PUT', '/api/users/123', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
console.log('User updated successfully');
} else {
console.log('Error updating user');
}
}
};
xhr.send(JSON.stringify({ name: 'John', age: 30 }));

在這個例子中，我們使用 XMLHttpRequest 對象來發送 PUT 請求。我們首先調用 open() 方法來指定方法、URL 和是否異步。然后，我們通過 setRequestHeader() 方法設置請求頭，以告訴服務器請求的內容類型。接下來，我們定義了一個 onreadystatechange 事件處理函數來處理響應。當 readyState 設置為 4（請求完成）時，我們檢查響應的狀態碼是否為 200，如果是，說明請求成功；否則，說明請求失敗。

無論是使用 jQuery 還是原生 JavaScript，我們都可以使用以上示例來發送 PUT 請求。只需根據自己的需求修改 URL、數據和回調函數，并確保服務器端已經正確處理 PUT 請求即可。

總結起來，使用 Ajax 發送 PUT 請求的關鍵是指定正確的 URL（包含資源路徑）并提供要更新的數據。通過使用這種方法，我們可以及時地更新服務器上的數據，而無需刷新整個頁面。