AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁的技術，它能夠在不刷新整個頁面的情況下向服務器發送和接收數據。在Web開發中，常常需要對服務器上的資源進行刪除操作。本文將簡要介紹使用AJAX發送DELETE請求來刪除服務器上的資源，并以常見的刪除用戶評論的功能為例進行說明。

首先，我們需要將網頁上與刪除評論操作相關的按鈕綁定一個事件監聽器，監聽用戶的點擊事件。當用戶點擊刪除按鈕時，AJAX將會向服務器發送一個DELETE請求，請求刪除特定的評論資源。以下是一個示例代碼：

document.getElementById("deleteButton").addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.open("DELETE", "/api/comments/1", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理刪除成功后的邏輯
console.log("評論刪除成功！");
}
};
xhr.send();
});

上述代碼中，我們使用addEventListener方法為按鈕綁定了一個點擊事件的監聽器。當用戶點擊按鈕時，會執行里面的匿名函數。在函數中，我們創建了一個XMLHttpRequest對象，并使用open方法指定了請求類型為DELETE，請求URL為"/api/comments/1"。然后，我們監聽了xhr對象的onreadystatechange事件，當readyState為4且status為200時，表示請求已成功完成，我們可以在該回調函數中處理刪除成功后的邏輯。

在上述代碼中，"/api/comments/1"是一個示例的評論資源的URL。具體的URL可以根據實際情況設置。例如，如果我們的網站采用RESTful風格的API設計，每個評論資源的URL可能類似于"/api/comments/{commentId}"，其中“{commentId}”可以是這個評論的唯一標識符。因此，根據具體的后端實現，我們需要對URL進行適當的設置。

在發送DELETE請求時，我們還可以傳遞一些額外的參數，包含需要刪除的資源的特定信息。例如，我們可以將需要刪除的評論的ID作為參數傳遞到服務器端，以便服務器能夠準確識別到底是哪個評論資源需要被刪除。以下是一個修改后的示例代碼：

document.getElementById("deleteButton").addEventListener("click", function() {
var commentId = 1;
var xhr = new XMLHttpRequest();
xhr.open("DELETE", "/api/comments/" + commentId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理刪除成功后的邏輯
console.log("評論刪除成功！");
}
};
xhr.send();
});

上述代碼中，我們引入了commentId變量，并將其設置為1。然后，在構造請求URL時，我們使用了commentId來動態生成URL字符串。這樣，當用戶點擊刪除按鈕時，會請求刪除ID為1的評論資源。

綜上所述，使用AJAX發送DELETE請求來刪除服務器上的資源是一種非常常見的操作。通過這種方式，我們可以在不刷新整個頁面的情況下，與服務器進行交互，提升用戶體驗。希望本文對你理解和應用AJAX的DELETE請求有所幫助。