ajax 传json参数

Ajax是一种异步客户端/服务器通信技术，可以在不刷新整个页面的情况下更新网页内容。传统的form提交使用的是表单元素的name-value pairs，而ajax可以使用json格式发送数据。

使用Ajax传递json参数的步骤如下：

// 1. 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 2. 创建一个请求并指定HTTP方法、URL以及是否异步
xhr.open('POST','http://example.com/api');
xhr.setRequestHeader('Content-Type','application/json');
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
// 3. 创建一个JSON对象（注意要保证json格式正确）
var data = { "name": "test","age": 20 };
// 4. 将数据转换为字符串
var json = JSON.stringify(data);
// 5. 发送请求
xhr.send(json);

在上面的代码中，我们首先创建了一个XMLHttpRequest对象，并指定了请求的方法和URL。我们还设置了请求头部，以告诉服务器我们发送的是json数据。

然后，我们创建了一个JSON对象并将其序列化为一个字符串。最后，我们使用XMLHttpRequest的send方法将数据发送到服务器。

在服务器端，我们可以使用不同的编程语言（如PHP、Java、Python等）来解析接收到的json数据。例如，在PHP中，我们可以使用json_decode函数将接收到的字符串解析为一个关联数组。

总之，使用Ajax传递json参数是一种可行的方法，它可以帮助我们更轻松地向服务器发送数据，并在不刷新整个页面的情况下更新页面内容。