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

时间:2015-09-07 11:47:17

标签: javascript php jquery mysql ajax

我构建了一个表单,用户可以在其中输入国家/地区名称和国家/地区的拨号代码。该表单提交到数据库,然后我从数据库中提取显示国家名称,国家/地区拨号代码和另外两个EDIT和DELETE选项的记录(具有GET 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>

我的外部Javascript功能如下

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

在GET Url中,弹出窗口打开时显示未定义。

1 个答案:

答案 0 :(得分:0)

我得到了解决方案

我的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>
                            <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>

我的Javascript如下

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', '');
};