AJAX（Asynchronous JavaScript and XML）是一种基于JavaScript和XML的技术，用于在不刷新整个页面的情况下交换数据。通过AJAX，可以读取JSON数据并动态更新页面上的内容。本文将介绍如何使用AJAX读取带有数组的JSON数据。
// AJAX读取JSON数据
function loadJSON(callback) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
callback(JSON.parse(this.responseText));
}
};
xmlhttp.open("GET","data.json",true);
xmlhttp.send();
}
// 处理JSON数据
loadJSON(function(data) {
var output = "";
for (var i in data.items) {
output += "
" + data.items[i].name + "
";
output += "" + data.items[i].price + "
";
output += "
";
}
document.getElementById("data").innerHTML = output;
});
在上面的代码中，我们首先定义了一个函数loadJSON，它使用XMLHttpRequest对象异步请求JSON数据。当读取完数据后，将调用回调函数来处理JSON数据。我们在回调函数中定义了一个变量output，用于存储我们要显示在页面上的HTML代码。然后我们使用for循环遍历JSON数组中的每个对象，并将每个对象的name、price和specs属性添加到output变量中，最后将output变量添加到HTML页面的特定元素中。
我们可以将上述代码放在页面的
Powered By Z-BlogPHP Theme By 前端老白
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
