为每行发送AJAX

时间:2016-12-01 22:30:01

标签: javascript jquery ajax rest jsp

假设我创建了一个列表:

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

现在我想添加一个删除按钮(链接或提交):

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

使用该行的ID。

怎么做?谢谢!

1 个答案:

答案 0 :(得分: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
})