show.php代碼頁面

<meta charset="UTF-8">
<?php
//鏈接數據庫
$link = mysqli_connect(‘127.0.0.1‘,‘root‘,‘root‘,‘mfour‘);
//設置字符集
mysqli_query($link,‘set names utf8‘);
//拼接sql
$sql = "select * from USER ";
//執行
$res = mysqli_query($link,$sql);
//循環成一個數組
while($a = mysqli_fetch_assoc($res)){
    $data[] = $a;
}
?>
<table border="1">
    <tr>
        <th>ID</th>
        <th>姓名</th>
        <th>密碼</th>
        <th>手機</th>
        <th>地址</th>
    </tr>

    <?php foreach
 
 ($data as $kk => $v) { ?>
    <tr id="<?php echo $v[‘id‘]?>">
        <td fd="id"><?php echo $v[‘id‘]?></td>
        <td fd="name"><?php echo $v[‘name‘]?></td>
        <td fd="pwd"><?php echo $v[‘pwd‘]?></td>
        <td fd="phone"><?php echo
 
 $v[‘phone‘]?></td>
        <td fd="area"><?php echo $v[‘area‘]?></td>
    </tr>
    <?php } ?>
</table>

<script src="jquery.js"></script>
<script>
    //  html()  括號裏面不寫東西就是取值，寫了東西就是替換
    //  attr  表示的是屬性
    $(document).ready(function () {
        
 
//雙擊定位到某一個td標簽
        $("td").dblclick(function () {
            //獲取td標簽的內容
            var td_val = $(this).html();
            //獲取td的屬性值
            var fd_val = $(this).attr(‘fd‘);
            //獲取tr的屬性值
            var tr_val = $(this).parents().attr(‘id‘);
            //替換
            $(this).html("<input type=‘text‘ id=‘"+td_val+fd_val+"‘ value=‘"+td_val+"‘>");
            //獲取文本框的內容
            $("#"+td_val+fd_val).blur(function () {
                var new_val = $(this).val();
                $(this).parents("td").html(new_val);

                //請求
                $.post("insert.php",
                    {
                        id:tr_val,  //id的值
                        fd:fd_val,  //字段的名字
                        v:new_val   //字段的值
                    },
                    function(data,status){

                    });
            })
        })
    });
</script>

php處理數據頁面：insert.php

<?php
//接收值
$id = $_POST[‘id‘];
$fd = $_POST[‘fd‘];
$v = $_POST[‘v‘];

//鏈接數據庫
$link = mysqli_connect(‘127.0.0.1‘,‘root‘,‘root‘,‘mfour‘);
//設置字符集
mysqli_query($link,‘set names utf8‘);
//拼接sql
$sql = "update user set $fd=‘$v‘ WHERE id=$id";
//執行
mysqli_query($link,$sql);

jquery即點即改+php原生代碼展示