ajax如何获取json类型数据

在现代网页开发中，我们经常需要通过 AJAX 技术获取 JSON 类型的数据。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，也是现代前端开发中最常用的一种数据格式。

要使用 AJAX 来获取 JSON 类型的数据，我们需要使用 XMLHttpRequest 对象，它可以异步地请求数据并返回响应。具体实现过程如下：

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

// 设置请求的数据类型为 JSON
xhr.responseType = 'json';

// 监听请求的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    // 获取响应数据
    var responseData = xhr.response;

    // 在控制台输出响应数据
    console.log(responseData);
  }
};

// 发送 AJAX 请求
xhr.open('GET','https://example.com/api/data.json');
xhr.send();

以上代码中，首先创建了一个 XMLHttpRequest 对象，并设置其 responseType 属性为 'json'。接着监听了该对象的 onreadystatechange 事件，在状态变化时通过 xhr.readyState 属性的值来判断是否请求完成并且响应成功。如果请求完成且响应成功，则通过 xhr.response 属性获取响应数据。

总之，使用 AJAX 技术获取 JSON 类型的数据非常方便，只需要使用 XMLHttpRequest 对象和设置 responseType 属性就可以轻松地获取到数据。