ajax实例代码json

Ajax是一项能够实现异步通信的技术，通过Ajax可以在不刷新整个页面的情况下与服务器进行数据交互。在实际开发中，常常使用JSON（JavaScript Object Notation）格式作为数据的传输格式。以下是一个使用Ajax与服务器交互的JSON示例代码：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 监听接收到响应时触发的事件
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    // 处理响应数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
}

// 设置请求方法和URL
xhr.open("POST","http://example.com/api/data",true);

// 设置请求头
xhr.setRequestHeader("Content-Type","application/json");

// 发送请求
var data = {
  "name": "张三","age": 20,"sex": "男"
};
xhr.send(JSON.stringify(data));

在以上示例代码中，首先创建了一个XMLHttpRequest对象。然后通过设置onreadystatechange事件来监听是否接收到响应。当接收到响应时，首先判断响应的状态码是否为200，如果为200则表示请求成功，并且响应数据保存在xhr.responseText属性中。使用JSON.parse()方法将响应数据从JSON格式转换为JavaScript对象，并在控制台中输出。接下来通过open()方法设置请求方法和URL，设置请求头，最后通过send()方法向服务器发送请求。在send()方法中，需要将要发送的数据转换为JSON格式，并使用JSON.stringify()方法进行转换。