Javascript 带有编辑/删除链接的PHP动态表,用于打开弹出窗口

Javascript 带有编辑/删除链接的PHP动态表,用于打开弹出窗口,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,我建立了一个表单,用户可以输入国家名称和国家的拨号代码。该表单提交到数据库,然后我从数据库中的一个表中提取记录,该表显示了国家名称、国家的拨号代码以及另外两个编辑和删除选项(获得URL链接,例如www.abc.com/Country.php?Country=Pakistan) 我想向它添加AJAX,这样当用户单击EDIT或DELETE链接时,就会打开一个相关的弹出窗口,其中包含来自GET URL的数据 下面是我在PHP中的动态表 <div> <?php $q = "

我建立了一个表单,用户可以输入国家名称和国家的拨号代码。该表单提交到数据库,然后我从数据库中的一个表中提取记录,该表显示了国家名称、国家的拨号代码以及另外两个编辑和删除选项(获得URL链接,例如www.abc.com/Country.php?Country=Pakistan)

我想向它添加AJAX,这样当用户单击EDIT或DELETE链接时,就会打开一个相关的弹出窗口,其中包含来自GET URL的数据

下面是我在PHP中的动态表

<div> 
<?php 
    $q = "SELECT * FROM country";
    $result = mysqli_query($conn, $q);
    echo "<table border=2><tr><th>Country Name</th><th>Country Code</th><th></th><th></th></tr>";

    while($a = mysqli_fetch_array($result)) { 
        $cn = $a['cname'];
        $cc = $a['ccode'];
?>
<tr>
<td><?php echo $cn ?></td> <td><?php echo $cc; ?></td>
<script type="text/javascript"> 
    var a = 0;
    var cname = new Array("<?php echo $cn;?>");
    a++;
</script>
<td>
    <a href='#' onclick='javascript:editWin(cname[a]); return(false);'>Edit</a>
</td>
<td id="<?php echo $cn;?>">
    <a href='#' onclick='javascript:delWin(); return(false);'>Remove</a>
</td>
</tr>
<?php       
    }
?>
</div>
在“获取Url”中,当弹出窗口打开时会显示“未定义”。

我找到了解决方案

我的PHP代码如下

function editWin(e) {
    window.open('edit.php?country='+e,'','height=400, width=600, top=100,
                 left=400, scrollable=no, menubar=no', '');
};
<div> <?php 

                    $q = "SELECT * FROM country";
                    $result = mysqli_query($conn, $q);

                    echo "<table border=2><tr><th>Country Name</th><th>Country Code</th><th></th><th></th></tr>";

                    while($a = mysqli_fetch_array($result)) { 

                                $cn = $a['cname'];
                                $cc = $a['ccode'];
                                ?>


                            <tr>

                            <td><?php echo $cn ?></td> <td><?php echo $cc; ?></td>
                            <td><a href='#' id="<?php echo $cn; ?>" onclick='javascript:editWin(this.id); return(false);'>Edit</a></td>
                            <td><a href='#' id="<?php echo $cn; ?>" onclick='javascript:delWin(this.id); return(false);'>Remove</a></td></tr>
                    <?php       

                    }

            ?>
    </div>
function editWin(e) {
window.open('edit.php?country='+e,'','height=400, width=600, top=100, left=400, scrollable=no, menubar=no', '');
};                              

function delWin(e) {
window.open('del.php?country='+e,'','height=400, width=600, top=100, left=400, scrollable=no, menubar=no', '');
};  

你试过什么吗?你可以使用jQuery和模态插件进行模态对话——它们有很多。做一个搜索引擎搜索吗?我写了一个代码从数据库中获取数据,并在表中显示编辑和删除链接。我认为javascript中可能有一个函数,我在单击时解析到该函数的动态链接,该函数会弹出一个页面,在该页面中可以执行该操作。这就是我的想法,您正在打印这个
var cname=new Array(“”)
中,而
循环。在每个循环中,您将覆盖
cname
的上一个值。。