ajax怎么json数组返回一个到页面上

AJAX提供了一种方便快捷的方式，可以通过JSON格式来返回数据。在这篇文章中，我们将介绍如何将一个JSON数组返回到页面上。

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

// 设置onreadystatechange事件处理程序
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    // 获取JSON数据
    var data = JSON.parse(this.responseText);
    
    // 遍历JSON数组
    for (var i = 0; i < data.length; i++) {
      // 在页面上创建新的p标签来显示数据
      var pTag = document.createElement("p");
      pTag.innerHTML = data[i].name + ": " + data[i].age;
      document.getElementById("output").appendChild(pTag);
    }
  }
};

// 发送请求
xhttp.open("GET","data.json",true);
xhttp.send();

上面的代码使用了XMLHttpRequest对象来获取JSON数据并遍历JSON数组。在遍历数组时，我们创建了新的p标签来显示数据，并将其添加到页面上。

在HTML中，我们需要添加一个具有id属性为“output”的元素，它将用于显示数据：

<div id="output"></div>

通过这种方法，我们可以轻松地将JSON数组返回到页面上。