ajax 传 json—示例代码

AJAX（Asynchronous JavaScript and XML）是一种用于在网页上进行异步数据交互的技术。它允许网页通过JavaScript发送HTTP请求并获取服务器返回的数据，而无需刷新整个页面。在AJAX中，常用的数据格式是JSON（JavaScript Object Notation），它是一种轻量级的数据交换格式，易于阅读和编写。

示例代码如下所示，假设我们要通过AJAX发送一个GET请求获取服务器返回的JSON数据：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方式和URL
xhr.open('GET', 'http://example.com/data', true);
// 设置请求头，指定接收的数据格式为JSON
xhr.setRequestHeader('Accept', 'application/json');
// 监听请求状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，获取服务器返回的JSON数据
    var response = JSON.parse(xhr.responseText);
    // 处理返回的数据
    console.log(response);
  }
};
// 发送请求
xhr.send();

在上面的示例代码中，我们首先创建了一个XMLHttpRequest对象，然后使用`open`方法设置了请求方式为GET，URL为`http://example.com/data`。接下来，我们使用`setRequestHeader`方法设置请求头，指定接收的数据格式为JSON。然后，我们通过监听`onreadystatechange`事件来处理请求状态变化。当请求状态为4（即请求完成）且状态码为200（即请求成功）时，我们通过`responseText`属性获取服务器返回的JSON数据，并使用`JSON.parse`方法将其转换为JavaScript对象。我们可以对返回的数据进行处理，这里只是简单地将其打印到控制台。

通过使用AJAX传递JSON数据，我们可以实现与服务器的异步数据交互，从而提升用户体验和页面性能。