AJAX是一种用于异步获取数据的技术，通过发送HTTP请求来获取特定的数据并将它们作为响应返回到客户端。在获取嵌套JSON数据时，AJAX可以使用json解析器将 JSON 数据解析成对象形式来进行处理。
var xmlhttp = new XMLHttpRequest();
var url = "example.json";
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText); //解析JSON数据
var result = "";
for (var i = 0; i " + data[i].name + ""; //获取第一层数据
result += "" + data[i].age + "
"; //获取第一层数据
for (var j = 0; j " + data[i].courses[j].name + "
"; //获取第二层数据
result += "" + data[i].courses[j].desc + "
"; //获取第二层数据
for (var k = 0; k " + data[i].courses[j].students[k].name + ""; //获取第三层数据
result += "" + data[i].courses[j].students[k].score + "
"; //获取第三层数据
}
}
}
document.getElementById("result").innerHTML = result;
}
};
xmlhttp.open("GET",url,true);
xmlhttp.send();
以上代码中，我们用ajax请求获取一个名为example.json的文件，并解析 JSON 数据。我们使用一个for循环来遍历第一层数据，然后再使用两个内部的for循环来遍历第二层和第三层数据，最后将获取的数据存储在一个变量中。
我们可以使用innerHTML属性和getElementById方法将获取的结果插入到 HTML 页面中。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
