ajax调json数据

AJAX（Asynchronous JavaScript and XML）是一种技术，允许在不重新载入整个页面的情况下，通过异步的方式从服务器上获取数据及更新部分页面内容。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于阅读和编写，广泛应用于前端开发。

在使用 AJAX 调用 JSON 数据时，需要先创建 XMLHttpRequest 对象，并设置好请求的 URL 和请求方法。然后，通过监听 XMLHttpRequest 对象的 readyState 和 status 属性变化来处理响应数据。

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

// 设置请求 URL 和请求方法
xhr.open('GET','data.json',true);

// 监听 readyState 和 status 属性变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理响应数据
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};

// 发送请求
xhr.send();

上述代码中，首先创建了一个 XMLHttpRequest 对象，并设置了请求的 URL 和请求方法。然后，通过监听 readyState 和 status 属性变化，在响应状态码为 200 时，将响应数据解析为 JSON 格式并输出到控制台中。

需要注意的是，如果请求 URL 和当前页面在同一域名下，则可以直接发送请求。但如果在跨域情况下，则需要设置响应头信息 Access-Control-Allow-Origin。

总之，利用 AJAX 调用 JSON 数据可以实现前端页面的动态更新，提高用户体验。