//通过ajax取数据
        ajax({
            url:"select.php",
            dataType:"json",
            success:function(e){
                var str="";
                for(var i=0;i<e.length;i++){
                    str+="<tr id="+e[i].id +">";
                        str+="<td class='name'>"+e[i].name+"</td>";
                        str+="<td class='age'>"+e[i].age+"</td>";
                        str+="<td class='sex'>"+e[i].sex+"</td>";
                        str+="<td class='aa'><span class='del'>删除</span></td>";
                    str+="</tr>";
                    console.log(e)
                }
                tbody.innerHTML=str;
            }
        })

<?php
    $db=new mysqli("localhost","root","","student"); //使用自己的数据库
    $db->query("set names utf8"); //固定，设置编码形式
    $sql="select * from xinxi";   //查找表
    $result=$db->query($sql);//组合语句
    while($row=$result->fetch_assoc()){   //循环获取表的信息
//        var_dump("<pre>");
        $array[]=($row);
    }
    echo json_encode($array);//输出的信息就是ajax success返回的信息e
//    $arr=array();
//    $arr[]=1;   //php中数组小标自动累加 
//    
//    json_encode()    //输出类似js中json格式的代码
?>

tbody.onclick=function(e){
            var ev=e||window.event;
            var targetObj=ev.target||ev.srcElement;
            //编辑功能
            if(targetObj.nodeName="TD"&&targetObj.className!="aa"){ //选择对应的td元素
                var value=targetObj.innerText;
                    targetObj.innerHTML=""
                var input=$("<input>")  //自己建一个表单对象，用来修改
                input.type="text";
                input.value=value;
                targetObj.appendChild(input);
                input.focus();
                input.onblur=function(){ //表单失去焦点事件
                    var val=this.value;
                    if(val==""||val==value){
                        targetObj.innerHTML=value;
                    }else{
                        var ziduan=targetObj.className;
                        var id=targetObj.parentNode.id;
                        ajax({
                            url:"ajax.php",
                            data:{id:id,type:ziduan,value:val},  //传输对应的修改内容字段
                            success:function(text){
                                if(text==1){//php中输出的是影响行数，修改成功后影响行数为1
                                    targetObj.innerHTML=val;   //编辑成功，将表单中的值赋值给页面表格内容
                                }else{
                                    alert("编辑失败")
                                }
                            }
                        })
                    }
                }
            }
        }

<?php
    $db=new mysqli("localhost","root","","student");
    $db->query("set names utf8");
    $id=$_GET["id"];   //获取ajax传的数据
    $ziduan=$_GET["type"];
    $value=$_GET["value"];
    $sql="update xinxi set {$ziduan}='{$value}' where id=".$id;//前面字段不加引号
    $result=$db->query($sql);  //返回操作的行数
    echo $db->affected_rows;
?>