服务器端和 AJAX 以及数据操作

Question

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

对于表格数据（以收件箱为例）：

当我想删除第一条消息时，我应该在哪里/如何引用该消息的 ID 并将其发送到我的 AJAX 调用？我见过有人把ID放在隐藏字段中，或者使用checkbox 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');