AJAX是一種用于創建互動式、動態網頁的技術。通過AJAX，我們可以在不重新加載整個頁面的情況下，通過與服務器進行異步通信來更新特定區域的內容。除了能夠加載和提交數據，AJAX也可以用來刪除數據。本文將介紹如何使用AJAX來刪除一行數據。

假設我們有一個待辦事項列表，每一行代表一項待辦事項。每一個待辦事項都有一個“刪除”按鈕，當用戶點擊該按鈕時，該項待辦事項將會被刪除。以下是一個簡單的HTML代碼示例：

<table id="todoList">
<tr>
<td>1</td>
<td>Buy groceries</td>
<td><button onclick="deleteRow(1)">Delete</button></td>
</tr>
<tr>
<td>2</td>
<td>Go to the gym</td>
<td><button onclick="deleteRow(2)">Delete</button></td>
</tr>
<tr>
<td>3</td>
<td>Finish project</td>
<td><button onclick="deleteRow(3)">Delete</button></td>
</tr>
</table>

在上述代碼中，我們使用了一個用于顯示待辦事項的表格，并通過每一行的“刪除”按鈕來刪除對應的行。每個按鈕都調用了一個名為“deleteRow()”的JavaScript函數，并將待刪除行的ID作為參數傳遞給該函數。

接下來，我們需要實現“deleteRow()”函數，該函數將使用AJAX發送請求到服務器以刪除相應的行。以下是一個示例的JavaScript代碼：

function deleteRow(rowId) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 刪除行成功后的邏輯代碼
var row = document.getElementById("todoList").rows[rowId];
row.parentNode.removeChild(row);
}
};
xhttp.open("GET", "delete_row.php?id=" + rowId, true);
xhttp.send();
}

在上述代碼中：

- 我們首先創建了一個新的XMLHttpRequest對象，然后通過“onreadystatechange”屬性來指定當請求狀態發生變化時調用的函數。

- 當請求狀態為4（即請求已完成）且狀態碼為200（即請求成功）時，表示刪除請求已成功返回。我們可以在回調函數中添加刪除行成功后的邏輯代碼。首先，通過使用“document.getElementById()”方法，我們根據行的ID獲取對應的行元素。然后，我們調用“parentNode.removeChild()”方法來刪除該行。

- 接下來，我們使用“open()”方法打開一個指向“delete_row.php”頁面的GET請求，并將待刪除行的ID作為查詢字符串傳遞。最后，我們通過調用“send()”方法來發送請求。

在上述代碼中，我們通過AJAX發送了一個GET請求，但實際上，刪除數據時也可以使用其它HTTP請求方法，例如POST或DELETE，具體取決于你的后端服務器的配置。此外，我們還可以使用更加高級的AJAX庫（例如jQuery或Fetch API）來簡化AJAX請求的編寫過程。

綜上所述，使用AJAX刪除一行數據可以通過發送刪除請求到服務器，并在請求返回成功后從DOM中刪除對應的行元素。這種方式不僅可以提供更好的用戶體驗，而且可以避免重新加載整個頁面。