發送Ajax的每一行

Question

讓我們說我創建了一個列表，如：

<c:forEach items="${users}" var="user"> 
    <p>${user.id} ${user.name}</p> 
</c:forEach> 

現在我想添加一個刪除按鈕（鏈接或提交），做：

$.ajax({ 
    type: "DELETE", 
    url: "../delete" + ID, 
    ... 
}); 

用的ID那一排。

怎麼辦？謝謝！

Answer 1

您可以使用HTML data attributes，像這樣：

<c:forEach items="${users}" var="user"> 
    <p>${user.id} ${user.name}</p> 
    <button class="delete-user" data-user="${user.id}">Delete</button> 
</c:forEach> 

在你的代碼的jQuery，你可以檢索用戶ID是這樣的：

$('.delete-user').click(function(){ 
    var userId = $(this).data("user"); 
    // You code here 
})