使用模态消息/窗口来显示数据库记录

Question

我正在显示通过数据库循环填充的表格数据。

我知道我可以通常的方式编辑/删除等，

    <a href="edit_record.php?id=' . $row['abstract_id'] . '">Edit Record</a>

但我真的很想使用jquery的模态消息功能。

但是，我似乎无法弄清楚如何向模态消息窗口/ div指示数据库中的正确记录号（而在php中，我只是使用打印功能。

是否可以设置一个onClick事件，将一个变量（$ id）设置为等于$ row ['abstract_id']的数字？

我的想法是，当我点击编辑按钮时，我可以将php放入div中，它将调出正确的记录。

为了清晰起见编辑：我不想实际编辑它，它是为了提取摘要的文本，这些文本太大而不适合表格格式（但是有太多的摘要让每个提交都有自己的页）。

这里的关键是如何将记录ID从数据库/ php端传递到javascript端，即使它正在设置/重置某个变量。我想过使用.load（read_abstract.php），但后来意识到我不认为.load（read_abstract.php？id ='。$ row ['abstract_id']'）会工作 - 而且不知道是什么JS等价物（或者如果存在）。

Answer 1

您可以将ID移动到HTML标记中的数据属性中：

echo '<span class="edit-button" data-abstract-id="'.$row['abstract_id'].'">edit</span>'

然后在模态中，你将能够用：

来引用它

jQuery('.edit-button').click(function() {
     id = jQuery(this).attr('data-abstract-id');
});