ajax 返回json 遍历

Ajax是一种在前端网页与后端服务器之间进行异步数据交换的技术，它允许在不刷新整个页面的情况下更新部分网页内容。当后端服务器返回的数据是JSON格式时，我们可以使用JavaScript将其解析并遍历其中的数据。

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方式和请求地址
xhr.open('GET','example.com/api/data.json');
// 发送请求
xhr.send();
// 监听xhr对象状态的变化
xhr.onreadystatechange = function() {
  if(xhr.readyState === 4 && xhr.status === 200) {
    // 获取响应数据，并将其解析为JSON对象
    var data = JSON.parse(xhr.responseText);
    // 遍历JSON数据
    for(var i = 0; i 
          ${id}
          ${name}
          ${age}
        
      `;
    }
  }
}

上述代码中，我们先使用XMLHttpRequest对象发送一个GET请求向服务器请求数据。在监听到xhr对象状态的变化并且状态码为200时，说明请求成功，我们便可以解析响应数据并遍历其中的内容。最后将数据添加到HTML表格中，实现了动态更新数据的效果。