Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/295.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用模态消息/窗口显示数据库记录_Php_Javascript_Jquery_Modal Dialog - Fatal编程技术网

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

Php 使用模态消息/窗口显示数据库记录,php,javascript,jquery,modal-dialog,Php,Javascript,Jquery,Modal Dialog,我正在显示通过循环从数据库填充的表格数据 我知道我可以以通常的方式编辑/删除etc,其中 <a href="edit_record.php?id=' . $row['abstract_id'] . '">Edit Record</a> 但是我真的很想使用jquery的模态消息特性来实现这一点 但是,我似乎不知道如何向模式消息窗口/div指示数据库中的正确记录号(而在php中,我只是使用print函数) 是否可以设置一个onClick事件,将变量($id)设置

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

我知道我可以以通常的方式编辑/删除etc,其中

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

但是我真的很想使用jquery的模态消息特性来实现这一点

但是,我似乎不知道如何向模式消息窗口/div指示数据库中的正确记录号(而在php中,我只是使用print函数)

是否可以设置一个onClick事件,将变量($id)设置为等于$row['abstract_id']的数值

这个想法是,当我点击编辑按钮时,我可以将php放入div中,它将调用正确的记录

为清晰起见进行编辑:我不想实际编辑它,而是把摘要的文本拉出来,因为它太大了,不适合表格格式(但是有太多的摘要,无法给每个提交的内容提供自己的页面)


这里的关键是如何将记录id从数据库/php端传递到javascript端,即使它正在设置/重置一些变量。我曾想过使用.load(read_abstract.php),但后来意识到.load(read_abstract.php?id='.$row['abstract_id'])不起作用,而且不知道JS的等价物是什么(或如果存在)。

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

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

我认为ajax更适合像编辑删除到jquery modal formWell这样的操作。我不是真的编辑它,我只是以编辑为例。我只想显示提交的摘要的文本,因为它太大了,无法通过表结构显示,但是有太多的摘要,无法为每个摘要提供自己的页面。使用插件例如,您可以传递一个url以在模式中打开,例如
$('a')。单击(函数(e){e.preventDefault();$.colorbox({href:this.href});})
应该在模式中打开链接。使用jQuery UI模式会稍微复杂一些,因为在加载页面时,您需要一些ajax来获取内容或将其预存到某个地方。我现在就来看看。谢谢您的建议。正是我想要的!!谢谢@ChrisHanson!
jQuery('.edit-button').click(function() {
     id = jQuery(this).attr('data-abstract-id');
});