ajax 前台获取json

AJAX是一种前端技术，用于在不刷新页面的情况下向后端请求数据。其中，获取JSON数据是常见的一种需求。下面将介绍如何使用AJAX获取JSON数据。

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定请求方法和请求地址
xhr.open('GET','http://example.com/api/data.json',true);
// 设置请求头
xhr.setRequestHeader('Content-Type','application/json');
// 监听响应状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      // 获取JSON响应数据
      var json = JSON.parse(xhr.responseText);
      console.log(json);
    } else {
      console.error('请求失败');
    }
  }
};
// 发送请求
xhr.send();

以上代码中，首先创建了一个XMLHttpRequest对象，然后指定请求方法和请求地址，并设置请求头。接着，监听了响应状态变化事件，其中4表示完成响应，200表示成功响应。在请求成功响应时，获取JSON数据并打印到控制台中，请求失败则打印错误信息。