显示页面并使用弹出对话框编辑/更新页面


Display a Page and Edit/Update the page using popup Dialog

我在表上显示数据库的内容,但是,我希望用户能够在Jquery的帮助下使用弹出窗口"编辑/更新"内容。然而,我一直在努力让edit_id显示在弹出窗口中。注意:我不想在新页面上编辑表格。下面是我的弹出脚本:

<script type="text/javascript" src="jquery-1.11.3.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#page-help').each(function() {
        var $link = $(this);
        var $dialog = $('<div></div>')
            .load($link.attr('href') + ' #content')
            .dialog({
                autoOpen: false,
                title: $link.attr('title'),
                width: 600,
                height: 400
            });
        $link.click(function() {
            $dialog.dialog('open');
            return false;
        });
    });
}); 
</script>

当下面的链接是点击:

<body>
 <a id="page-help" href="edit_data.php?edit_id=<?php print($row['atm_id']); ?>" >Edit?</a></body>

显示表的快照

请帮忙。我只想能够使用弹出对话框编辑/删除我的表格内容,而不是在新页面上打开。

您应该使用preventDefault()函数来避免重定向到其他页面

即尝试此代码而不是

       $link.click(function(e) {
            e.preventDefault();
            $dialog.dialog('open');
            return false;
        });

为什么要使用这个:

href="edit_data.php?edit_id=<?php print($row['atm_id']); ?>"

您需要回显值,而不是打印它。

将其更改为:

href="edit_data.php?edit_id=<?php echo $row['atm_id']; ?>"

"#内容"从哪里来?这是你要附加到URL的锚定标签吗?

如果你发布HTML将有助于发现问题。