Ajax 加載數據練習自我有些迷糊了，寫的大概請諒解 ^ _ ^

時間 2019-12-06

原文原文鏈接

查詢表的顯示，查詢顯示若是不嵌入PHP代碼的話，用ajax怎麼實現？javascript

<h1>顯示數據</h1>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td>代號</td>
        <td>姓名</td>
        <td>性別</td>
        <td>民族</td>
        <td>生日</td>
        <td>操做</td>
    </tr>
    
    <tbody id="bg">
        
    </tbody>

</table>

</body>
<script type="text/javascript">

$(document).ready(function(e) {
     jiazai();
});

//加載數據的方法
function jiazai()
{
    //異步   
    $.ajax({
            url:"jiazai.php",
            dataType:"TEXT",
            success: function(data){
                    var hang = data.split("|");
                    
                    var str = "";
                    
                    for(var i=0;i<hang.length;i++)
                    {
                        var lie = hang[i].split("^");
                        str += "<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td>"+lie[4]+"</td><td><input type='button' value='刪除' class='shanchu' code='"+lie[0]+"' /></td></tr>";
                    }
                    
                    $("#bg").html(str);
                    
                    $(".shanchu").click(function(){
                        
                        var code = $(this).attr("code");
                        $.ajax({
                            url:"shanchu.php",
                            data:{c:code},
                            type:"POST",
                            dataType:"TEXT",
                            success: function(d){
                                    if(d.trim()=="OK")
                                    {
                                        //從新加載
                                        jiazai();
                                    }
                                    else
                                    {
                                        alert("刪除失敗");
                                    }
                                }
                            });
                    })
                }
        });
}

</script>

再作個處理頁面php

<?php
include("DBDA.class.php");
$db = new DBDA();

$sql = "select * from info";

echo $db->StrQuery($sql);

再作個刪除html

<?php
include("DBDA.class.php");
$db = new DBDA();
$code = $_POST["c"];
$sql = "delete from info where code='{$code}'";
if($db->Query($sql,0))
{
    echo "OK";
}
else
{
    echo "NO";
}