Question

我想知道为什么我的以下代码片段在浏览器中没有显示任何内容（http：//localhost/display.php）。我想为我的表生成一个模板来显示我的数据库中的所有员工（id，firstname，lastname），并使用HTTP动词DELETE通过jquery ajax方法删除用户，如果我单击显示表上的删除按钮。

这是我的display.php

<table id="employees" border="1">
</table>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>    
    $document.ready(function()
    {
    var $employees = $("#employees");
    $.ajax({
        url: "delete.php",
        contentType: "json",
        success: function(data){            

        $.each(data, function(index, item){
            var $row = $("#templates").find(".row-template").clone();
            $row.find(".firstName").html(item.FirstName);
            $row.find(".lastName").html(item.LastName);
            $row.find(".delete").click(function() {
            $.ajax({
                url: "delaction.php" + item.Id,
                type: "DELETE",
                success: function()
            {
                    $row.remove();
                }
            });
            });
        $employees.append($row);
        });
      }
    });
});

</script>

<div id="templates" style="display: none">        
    <table>            
    <tr class="row-template">                
        <td class="firstName" style="width: 100px;"></td>
        <td class="lastName" style="width: 100px;"></td>
        <td>
            <input type="button" value="X" class="delete" />
        </td>
    </tr>
    </table>     
</div>

我的delete.php看起来像这样

<?php
define('DB_HOST','localhost');
define('DB_ROOT','root');
define('DB_PASS','');
define('DB_NAME','employees');

$conn=mysqli_connect(DB_HOST,DB_ROOT,DB_PASS) or die("Unable to connect to your selected db.Error ".mysqli_error());
if(null!=$conn)
{
    mysqli_select_db($conn,DB_NAME);
    $query=("SELECT * FROM empl");
    $result=mysqli_query($query);
    foreach($result as $res)
    {

    }
    mysqli_close($conn);
}
?>

非常感谢你。

Answer 1

'delaction.php'中有什么？

无论如何，要将itemId传递给delaction.php并删除项目，请更改：

url: "delaction.php" + item.Id,

为：

url: "delaction.php?itemId=" + item.Id,

使用删除按钮显示员工表

1 个答案: