Question

我开始学习AJAX / Jquery，并且在我正在观看的一个教程中（由树屋提供）我试图在基于JSON数据字符串的页面上显示列表

我遇到的问题是显示数据。如果我使用console.log来检查json文件，它会很好地显示数据。

但是在我的网站上没有列出我试图展示的数据。此外，没有错误，只有这条消息:(匿名函数）在HttpRequest之后。

XHR finished loading: GET "http://example.com/test/data/table.json".script.js:20 (anonymous function)

这是我的HTML，非常简单：

<div id="mylist"></div>

这是我的jquery：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        var employees = JSON.parse(xhr.responseText);
        var statusHTML = '<ul>';
        for (var i=0; i<employees.lenght; i+= 1) {
            if (employees[i].status === true) {
                statusHTML += '<li class="ap">';
            } else {
                statusHTML += '<li class="ng">';
            }
            statusHTML += employees[i].name;
            statusHTML += '</li>';      
        };
        statusHTML += '</ul>';
        document.getElementById('mylist').innerHTML = statusHTML;
    };
};
xhr.open('GET', 'data/table.json');
xhr.send();

这是我的json文件：

[
    {
        "name": "Name 01",
        "status": true
    },
    {
        "name": "Name 02",
        "status": false
    },
    {
        "name": "Name 03",
        "status": false
    },
    {
        "name": "Name 04",
        "status": true
    }
]

我做错了什么？或者，如果其他人有更多参考我可以阅读更多关于此的内容，我想知道，因为我开始学习它。

Answer 1

你的专栏：

for (var i=0; i<employees.lenght; i+= 1) {

应阅读：

for (var i=0; i<employees.length; i+= 1) {

它会以静默方式失败，因为没有属性lenght。

AJAX json数据返回＆＃34;（匿名函数）＆＃34;

1 个答案: