ajax 传递json数据的几种方式

AJAX是一种在Web页面上进行异步通信的技术，因为它减少了Web应用程序与服务器之间交换的数据量，因此在Web开发中非常流行。通过JSON格式传递数据是一个非常常见的用例。下面我们将介绍几种传递JSON数据的方法：

方法一：使用XMLHttpRequest对象

    var xhr = new XMLHttpRequest();
    xhr.open("POST",url,true);
    xhr.setRequestHeader("Content-Type","application/json");
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            //处理响应
        }
    };
    var data = {
        "name": "张三","age": 20
    };
    xhr.send(JSON.stringify(data));

方法二：使用jQuery库

    $.ajax({
        url: url,type: "POST",data: JSON.stringify(data),contentType: "application/json; charset=utf-8",dataType: "json",success: function (result) {
            //处理响应
        }
    });

方法三：使用fetch API

    fetch(url,{
        method: "POST",headers: {
            "Content-Type": "application/json"
        },body: JSON.stringify(data)
    })
    .then(response => response.json())
    .then(result => {
        //处理响应
    })
    .catch(error => console.log(error));

以上几种方法都使用了JSON.stringify()方法将JavaScript对象转换成字符串，再把字符串作为数据发送到服务器。因此，在服务器端需要使用JSON.parse()方法将接收到的数据转换成JavaScript对象。另外，需要注意跨域请求。