ajax如何读取json数据格式化

AJAX (Asynchronous JavaScript and XML) 是一种浏览器与服务器之间无需刷新页面即可进行数据交互的技术。在前端页面开发中，读取JSON数据是一个非常常见的操作。下面我们来看如何使用AJAX读取JSON数据并进行格式化操作。

// 定义JSON数据
var data = [
  {
    "name": "小明","age": 18,"score": {
      "math": 90,"english": 85,"chinese": 92
    }
  },{
    "name": "小红","age": 17,"score": {
      "math": 95,"english": 90,"chinese": 96
    }
  }
];

// 使用AJAX读取JSON数据
var xhr = new XMLHttpRequest();
xhr.open('GET','data.json',true);
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};
xhr.send();

// 格式化JSON数据
var result = JSON.stringify(data,null,2); // 2代表缩进2个空格
console.log(result);

在上面的示例中，我们定义了一个JSON数据，并使用了AJAX通过XMLHttpRequest对象读取了一个名为"data.json"的文件，将返回的JSON数据进行了格式化处理。

代码中的JSON.parse()方法是将得到的JSON字符串转换为JavaScript中的对象，而JSON.stringify()方法则是将JavaScript对象转换为JSON格式的字符串，并进行了格式化处理。在实际开发中，得到的格式化后的JSON数据可以用于页面的展示、数据的传输等多种场景。