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

时间:2015-12-02 18:35:52

标签: javascript php jquery ajax popup

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

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>

SnapShoot of Display Table

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

2 个答案:

答案 0 :(得分:0)

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

即尝试使用此代码

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

            return false;
        });

答案 1 :(得分:0)

你为什么要用这个:

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

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

将其更改为:

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

'#content'从何而来?这是您要附加到网址的锚标记吗?

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