ajax - 服务器端、AJAX 和数据操作

Question

我想了解一下通过 AJAX 删除/添加记录以及更新前端的方法。

对于表格数据(以收件箱为例):

当我想删除第一条消息时，我应该在哪里/如何引用该消息的 ID 并将其发送到我的 AJAX 调用？我见过有些人将 ID 放在隐藏字段中，或者使用复选框 id 属性...

如何正确处理此事务，以便当我的调用成功时，我可以使用 jQuery“删除”该行？

Answer 1

我通常用来将这样的数据“附加”到 HTML 元素是使用 HTML5 data属性。这将允许您存储多条数据以供 Javascript/jQuery/Ajax 使用，而无需执行任何“hacky”操作，例如在 ID 中嵌入内容或必须解析值。

例如，对于表格行，您可以有这样的内容:

<tr data-email-id="123"><td>...</td></tr>

然后在 jQuery 中引用就很简单了(假设 $(this) 引用 tr):

var emailId = $(this).attr('data-email-id');