使用 ajax 鍵訪問 JSON 的值不顯示結果

Question

我有一個 JSON 數據，看起來像這樣（它不是 object，它是一個數組）：

[
  {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz",
  },
  {
    "id": 2,
    "name": "Ervin Howell",
    "username": "Antonette",
    "email": "Shanna@melissa.tv",
  }
]

和 function 獲取數據並使用 AJAX 顯示它，我使用 JSON.parse() 從字符串中獲取 JSON：初始化 XMLHttpRequest object：

let xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState === 4 && this.status === 200) {
        var jsonObj = JSON.parse(xhttp.responseText);

向文檔添加一個新元素：

var table='<tr><th>Name</th><th>Email</th></tr>';
        table += '<tr><td>' +
            jsonObj["name"] +
            '</td><td>' +
            jsonObj["email"] +
            '</td></tr>'
        document.getElementById('demo').innerHTML = table;
    }
};

但是當我運行瀏覽器時，表格字段中沒有顯示值，它顯示為undefined 。 有什么不對？ 我也改為使用JSON.stringtify()，結果還是沒有變化。 請幫我找出問題所在

Answer 1

你應該像@Lee Taylor 說的那樣循環迭代數組。

for (var item of jsonObj) {
    table += "<td>" + item.name + "</td>"
}