Javascript 如何进行json数组迭代?
我的json数组与html页面中接收到的类似,如何在表中显示?意思是迭代。请帮忙?我是新来的Javascript 如何进行json数组迭代?,javascript,html,json,Javascript,Html,Json,我的json数组与html页面中接收到的类似,如何在表中显示?意思是迭代。请帮忙?我是新来的 [ {"studentId":"1001259101","firstName":"RAKESH","lastName":"DALAL","year":"2012","course":"BSC"}, {"studentId":"1001259101","firstName":"RAKESH","lastName":"DALAL","year":"2012","course":"BSC"},
[
{"studentId":"1001259101","firstName":"RAKESH","lastName":"DALAL","year":"2012","course":"BSC"},
{"studentId":"1001259101","firstName":"RAKESH","lastName":"DALAL","year":"2012","course":"BSC"},
{"studentId":"1001259101","firstName":"RAKESH","lastName":"DALAL","year":"2012","course":"BSC"}
]
迭代数组并将其显示在表中:
var jsonObject = [
{studentId: "1001259101", firstName: "RAKESH", lastName: "DALAL", year: "2012", course: "BSC"},
{studentId: "1001259101", firstName: "RAKESH", lastName: "DALAL", year: "2012", course: "BSC"},
{studentId: "1001259101", firstName: "RAKESH", lastName: "DALAL", year: "2012", course: "BSC"}
];
var output = "<table>";
for (var i = 0, len = jsonObject.length; i < len; i++) {
var line = jsonObject[i];
output += "<tr>";
output += "<td>" + line.studentId + "</td>";
output += "<td>" + line.firstName + "</td>";
output += "<td>" + line.lastName + "</td>";
output += "<td>" + line.year + "</td>";
output += "<td>" + line.course + "</td>";
output += "</tr>";
}
output += "</table>";
document.getElementById(...).innerHTML = output;
首先,JSON是JavaScript对象表示法。相同的JS,只是对象表示法的语法略有不同 您需要使用AJAX才能从其他文件接收JSON数据,只需看看:
var xhr = new XMLHttpRequest();
var url = "myJSON.json"; // your JSON text file
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var myResponse = JSON.parse(xhr.responseText);
display(myResponse); // send array to function
}
}
xhr.open("GET", url, true);
xhr.send(null);
function display(arr) {
var myTable = "<table>"; // create a table variable
for (var i = 0; i < arr.length; i++) { // loop through array
myTable += "<tr>";
myTable += "<td>" + arr[i].studentId + "</td>";
myTable += "<td>" + arr[i].firstName + "</td>";
myTable += "<td>" + arr[i].lastName + "</td>";
myTable += "<td>" + arr[i].year + "</td>";
myTable += "<td>" + arr[i].course + "</td>";
myTable += "</tr>";
}
myTable += "</table>";
document.getElementById("myAwesomeTable").innerHTML = myTable; // display the final result in to html
}
使用AJAX打开JSON文本文件,可以是.txt、.JSON等。
使用JSON.parse将JSON文本转换为数组
将该数组发送到函数
创建一个表,并像文本一样保存变量中的所有内容
循环阵列
以html格式显示表格
到目前为止你试过什么?当你尝试某件事并陷入困境时,这个网站可以很好地帮助你。但是从头开始编写代码是你自己的工作,这不是教程或代码编写服务。您应该能够找到许多教程来帮助您开始学习,并在拥有合法代码时返回problems@Nira