php中使用ajax进行前后端json数据交互

(最近在学习ajax，所以想自己总结一下在PHP中如何使用ajax技术！)

一、ajax注意点：

　　1、原理图：（来自韩顺平ajax视频）

　　　　

　　　　2、ajax返回数据类型：

　　　　　　文本，json，xml

　　　　　（1）文本格式：

　　　　　　　　

　　　　　（2）xml:

　　　　　　　　

<?php
    //告诉浏览器返回的是xml类型
     header("Content-Type:text/xml;charset=utf-8");

    


?>

 　　　　　　

　　　　　　前端如何取出：

　　　　　　　　xmlrequest.responseXml();//返回的是对象

　　　　　　（3）json：

　　　　　　json只是一种文本字符串，他是存储在responseText属性中。

二、实现（通过添加图书案例来实现，由于题目主要是用json来传输，所以我选择json格式传输，但这个案例用json实在是太勉强了）：

　　1、使用javascript来实现：

　　　　前端注册界面：

　　　　　　当点击提交按钮时，会触发addbook函数。

<form >
        书名：<input id="bookname" type="text"><br>
        价格：<input id="price" type="text"><br>
        所属类别:<input id="leibie" type="text"><br>
        <input type="submit" value="提交" onclick="addbook()">
        <input type="reset" value="重置">
    </form>

　　　2、js代码：

　　　　

class Book{
    constructor(bookname,price,leibie){
        this.bookname=bookname;
        this.price=price;
        this.leibie=leibie;
    }


}
function addbook() {
    var bookname=$('#bookname').val();
    var price=$('#price').val();
    var leibie=$('#leibie').val();
    if(bookname==='' || price==='' || leibie===''){
        alert("输入不能为空");
    }
    var book=new Book(bookname,price,leibie);
    //在这里，将book对象转换成json类型字符串
    var bookjson=JSON.stringify(book);
    // alert(bookjson);
    // console.log(bookjson);
    //使用jquery创建ajax对象
    var xml=$.ajax({
        //定义提交的方式
        type: "POST",
        //定义要提交的URL
        url:'addbook.php',
        //定义提交的数据类型
        dataType:'json',
        async:false,
        //要传递的数据
        data:{'book':bookjson},
        //服务器处理成功后传送回来的json格式的数据
        success:function (ans) {
            alert(JSON.parse(ans));
        }
    } );
}

　　　　3、PHP处理数据：

　　　　

<?php
/**
 * Created by PhpStorm.
 * User: monty
 * Date: 2018/10/29
 * Time: 11:58
 */
    $book=$_POST['book'];
    //通过将json字符串解析为json对象数据
    $bookjson=(array)json_decode($book);
    $conn=@mysqli_connect('localhost','root','root','test') or die("获取数据库连接失败！");
    mysqli_query($conn,"set names 'utf8'");
    $sql="insert into book(bookname,price,leibie) VALUES ('{$bookjson["bookname"]}','{$bookjson["price"]}','{$bookjson["leibie"]}')";
    @mysqli_query($conn,$sql);
    //将返回数据转码为json字符串
    $res=json_encode({"res":"success"});
    echo $res;
?>