javascript - 访问 json 对象内的数组值

Question

我通过使用 xmlhttprequest 得到这个，然后我 json.parse 它，然后 for 循环通过“resonse”来填充列表。

您可以在下一张图片中看到当我单击“[0...99]”时“响应”中的数组的外观。

我的问题是 for 循环不会填充 html 中的列表标记，但是当我尝试只为阿尔巴尼亚编写时，它就可以工作。我只需要 javascript 而不是 jQuery 的帮助。你可以在这里看到我的代码:

HTML部分:

        <section class="country">
        <h3 id="countries"><br /></h3>
        <nav id="countries2">
            <ul id="countrylist"></ul>
        </nav>
        </section>

这是 javascript 部分:

            var jsonData = JSON.parse(xhr.responseText);
            document.getElementById("countrylist").innerHTML = "";
            for (var i = 0; i < jsonData.response[i].length; i++) {
                document.getElementById("countrylist").innerHTML += "<li id='" + jsonData.response[i].code + "'>" + jsonData.response[i].name + "</li>";
            }

这是无需 foo 循环即可工作的 javascript 部分:

                document.getElementById("countrylist").innerHTML += "<li id='" + jsonData.response[0].code + "'>" + jsonData.response[0].name + "</li>";

Answer 1

您的 for 循环提前结束。你的条件是错误的。

你有什么

for (var i = 0; i < jsonData.response[i].length; i++) {

你应该拥有什么

for (var i = 0; i < jsonData.response.length; i++) {

您的条件与第一个元素的长度相反，并且立即结束。