json配列の反復処理はどのように行うことができますか？

Question

私のjson配列は、htmlページで受け取ったようなもので、テーブルに表示する方法は？反復.plzヘルプを意味しますか？私は新しいです 。

[ 
    {"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"} 
] 

Answer 1

配列を反復処理し、テーブルに表示：すべてのJSONの

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; 

Answer 2

まあ最初は（JavaScriptオブジェクト表記）です。同じJS、ちょうどオブジェクトの表記法のためのちょっとlitlteビット異なった構文。

あなただけを見てい、他のファイルからJSONデータを受信するために、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 
} 

1. 使用AJAXを、それは、.txtでは可能.jsonとなど
2. 使用JSON.parseは（）
3. がテーブルを作成して機能し、テキストのような変数のすべてを保持するためにその配列を送信アレイ
4. にあなたのJSONテキストに変換する
配列
5. を通じて
6. ループは、あなたがこれまでに試してみました何のhtml