通過Ajax發送將要刪除的ID，是一種常見的web開發技術。通過使用Ajax，可以在不刷新整個頁面的情況下，向服務器發送請求，從而實現動態更新頁面內容的功能。在實際應用中，通常會將要刪除的ID通過Ajax發送給服務器，服務器接收到請求后執行相應的刪除操作，然后返回處理結果給前端頁面。下面將通過具體的舉例來說明如何使用Ajax發送將要刪除的ID。

假設我們有一個商品列表頁面，每個商品有一個唯一的ID用來標識。當用戶想要刪除某個商品時，可以點擊對應商品旁邊的“刪除”按鈕。我們可以通過給每個“刪除”按鈕綁定一個事件，在事件觸發時使用Ajax發送該商品的ID給服務器，來執行刪除操作。

// HTML代碼示例：
// 商品列表
<ul id="product-list">
<li id="product-1">
<h3>商品1</h3>
<button class="delete-button" data-product-id="1">刪除</button>
</li>
<li id="product-2">
<h3>商品2</h3>
<button class="delete-button" data-product-id="2">刪除</button>
</li>
<li id="product-3">
<h3>商品3</h3>
<button class="delete-button" data-product-id="3">刪除</button>
</li>
</ul>
// JavaScript代碼示例：
// 給每個刪除按鈕綁定事件
var deleteButtons = document.querySelectorAll(".delete-button");
deleteButtons.forEach(function(button) {
button.addEventListener("click", function() {
var productId = button.getAttribute("data-product-id");
// 使用Ajax發送請求
// ...
});
});

在上面的示例代碼中，我們給每個“刪除”按鈕添加了一個自定義屬性data-product-id，用來存儲對應商品的ID。當用戶點擊某個按鈕時，我們通過JavaScript代碼獲取該按鈕的data-product-id的值，即將要刪除的商品ID。

接下來，我們需要使用Ajax發送請求，將刪除操作發送給服務器。具體實現方式可以使用原生的XMLHttpRequest對象，也可以使用更加方便的jQuery.ajax()方法。

// 原生JavaScript方式的Ajax請求
var xhr = new XMLHttpRequest();
xhr.open("POST", "/delete", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
console.log("刪除成功！");
// 更新頁面，刪除對應商品的DOM節點
var productListItem = document.getElementById("product-" + productId);
productListItem.parentNode.removeChild(productListItem);
} else {
console.log("刪除失敗：" + response.message);
}
}
};
xhr.send("id=" + productId);

在上面的代碼中，我們首先創建一個XMLHttpRequest對象xhr，并設置請求的方式（POST）、URL（"/delete"）、是否異步（true）。接著，我們通過xhr.setRequestHeader()方法設置請求頭部信息，指定請求的數據格式為"application/x-www-form-urlencoded"。然后，我們監聽xhr.onreadystatechange事件，當Ajax請求的狀態值變為4（即完成）并且響應狀態碼為200時，表示服務器已經返回響應結果。我們可以通過xhr.responseText獲取響應的字符串數據，并使用JSON.parse()方法將其轉換為JavaScript對象。根據服務器返回的處理結果，我們可以進行相應的處理，如更新頁面內容、顯示提示信息等。

除了原生JavaScript，很多前端框架如jQuery、Vue.js等也提供了更加簡潔易用的Ajax請求方法。以jQuery為例，可以使用$.ajax()或$.post()方法來發送Ajax請求。

// 使用jQuery發送Ajax請求
$.post("/delete", { id: productId })
.done(function(response) {
if (response.success) {
console.log("刪除成功！");
// 更新頁面，刪除對應商品的DOM節點
$("#product-" + productId).remove();
} else {
console.log("刪除失敗：" + response.message);
}
})
.fail(function() {
console.log("請求失敗，服務器錯誤！");
});

以上就是使用Ajax發送將要刪除的ID的一些示例。通過Ajax，我們可以方便地將要刪除的ID發送給服務器，實現動態更新頁面內容的效果。無論是原生JavaScript還是諸如jQuery、Vue.js等框架，都提供了便捷的Ajax請求方式，使我們能更加方便地進行前端開發。