Ajax实战应用-无刷新更新页面

效果如下图

附上代码

客户端index.html，服务端insertdb.php（做数据插入处理），messageshowdb（做查询数据处理），代码附上简单分析

index.html

    
    
    
    

    
    




留言板
搜索:




        标题:

        内容:

                
                
        

insertdb.php

query($sql);
//预处理操作数据库
$stmt=$db->prepare($sql);
$stmt->bind_param('ss',$tit,$cont);
if($stmt->execute()){
    //返回1表示添加成功
    echo 1;
    //die("数据为空");
}else{
    //返回0表示添加失败
    echo 0;
}

messageshowdb.php

query($sql);
if($result->num_rows>0){
    while($row=$result->fetch_assoc()){
        $arr[$row['id']]['title']=$row["title"];
        $arr[$row['id']]['content']=$row["content"];
    }
}
echo json_encode($arr);

 

连接数据库文件和数据库配置文件

ConnectDb.php

query($sql);
if($result->num_rows>0){
    while($row=$result->fetch_assoc()){
        $arr[$row['id']]['title']=$row["title"];
        $arr[$row['id']]['content']=$row["content"];
    }
}
echo json_encode($arr);

DBConfig.php