Javascript 如何进行json数组迭代?

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"},

我的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"}
] 

迭代数组并将其显示在表中:

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