ajax如何给json传值

AJAX是一种在网页上实现异步通信的技术，可以在不重新加载整个页面的情况下，更新页面上的部分内容。而JSON是一种轻量级的数据交换格式，广泛应用于数据的传输和存储。AJAX与JSON的结合，可以实现快速、直接、高效的数据传递。

AJAX与JSON的传值，基本上可以分为两个步骤。第一步是将需要传递的数据转换为JSON格式，第二步是通过AJAX请求将JSON数据传递到后台。下面我们详细介绍这两个步骤。

// 第一步：将数据转换为JSON格式
var data = {"username":"张三","age":18};
var jsonData = JSON.stringify(data);

上面的代码中，我们首先定义了一个包含用户名和年龄的数据对象，然后将其转换为JSON格式。JSON.stringify()方法可以将JavaScript对象转换为JSON格式的字符串。

// 第二步：通过AJAX请求将JSON数据传递到后台
var xhr = new XMLHttpRequest();
xhr.open("POST","server.PHP",true);
xhr.setRequestHeader("Content-type","application/json");
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
};
xhr.send(jsonData);

在上面的代码中，我们使用XMLHttpRequest对象创建了一个AJAX请求，并设置了请求的参数。其中，请求方式为POST，请求地址为server.PHP，请求内容类型为JSON格式。在回调函数中，我们判断了AJAX请求的状态和响应状态，并打印出了响应内容。最后，我们通过xhr.send()方法将JSON数据发送到后台。