ajax post 传输json

AJAX技术（Asynchronous JavaScript and XML），可以实现异步数据交互与无页面刷新操作，其中以``json``格式最为常用，本文介绍如何通过``ajax``的``POST``方式传输``json``数据。

1、前端构造``json``数据，并通过``ajax``传输：

$.ajax({
    url: "/api/user",type: "POST",dataType: "json",data: JSON.stringify({
        name: "小明",age: 18,gender: "M"
    }),success: function(data) {
        console.log(data);
    },error: function(xhr,textStatus,errorThrown) {
        console.log(textStatus);
    }
});

其中``JSON.stringify``用于将对象转换为``json``字符串，再通过``data``字段传输。

2、后端使用``PHP``接收``json``数据：

// 获取json数据
$json = file_get_contents('PHP://input');
$data = json_decode($json,true);

// 输出结果
echo json_encode([
    'code' => 0,'msg' => '成功','data' => $data
]);

3、前端接收后端返回的``json``数据：

$.ajax({
    url: "/api/user",success: function(data) {
        console.log(data);
        if (data.code === 0) {
            alert(data.msg);
        } else {
            alert('请求失败');
        }
    },errorThrown) {
        console.log(textStatus);
    }
});

以上就是通过``ajax``的``post``方式传输``json``数据的方法，可以将这个方法应用到多个场景中。