ajax读取json中的数据格式化

AJAX是一种技术，它可以在页面不刷新的情况下向服务器请求数据。在前端开发中，经常会用到AJAX技术去读取JSON格式的数据，并将其格式化展示在网页上。

//以下是一个读取JSON数据并进行格式化展示的示例代码

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

//2. 确定请求的URL
var url = "data.json"; 

//3. 发送AJAX请求
xhr.open("GET",url,true); 
xhr.send();

//4. 处理服务器响应
xhr.onreadystatechange = function() { 
  if(xhr.readyState == 4 && xhr.status == 200) { 

    //5. 解析JSON数据
    var jsonData = JSON.parse(xhr.responseText); 

    //6. 格式化展示数据
    var output = ""; 
    for(var i in jsonData) { 
      output += "
" + jsonData[i].name + "的年龄是：" + jsonData[i].age + "
"; 
    } 

    //7. 将格式化后的数据渲染在页面上
    document.getElementById("result").innerHTML = output; 
  } 
} 

以上代码中，首先创建了XMLHttpRequest对象，然后确定请求的URL，发送AJAX请求，接着在处理服务器响应时，解析JSON数据，并将其格式化展示在页面上。代码中的for循环用来遍历JSON数据的每一项，并将其拼接成html格式的字符串，最后将其渲染在页面上。