服务器端、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');