javascript - 如何循环遍历 json 列表 Ajax/Javascript 中的元素

Question

我有一个问题，ajax 可以看到我从 Flask 提供的数据，但当我循环它时它似乎没有在内部解析。目前这是一个 1 项循环，但当数据输入其中时，它会更多。

Json 字符串是:

{ "routers" : {"DNSROOTSERVER": {"os": "4.4.4.4", "name": "DNSROOTSERVER"}}}

所以它理解 data.routers，甚至理解 data.routers.DNSROOTSERVER.name (正如您将在 console.log 中看到的)，但是当我在 data.routers 上使用循环时，循环项目显示( el)，但当我尝试 el.name 时它似乎失败了，说它是未定义的。 JavaScript 如下:

$(document).ready(function(){
$.ajax({ url: "{{ url_for('.gui_form') }}", dataType: 'json',
    success: function(data, textStatus, xhr){
        console.log(data)
        $(data.routers).each(function(i, el) {
            console.log(el)
            console.log(el.os)
            console.log(data.routers.DNSROOTSERVER.os)
            var listem = "<br>" + el.name;
            $("#routers").append("<li>" + listem + "</li>");
        });
    }
    });
});

我扩展了控制台日志，以便您可以看到数据在那里，以及循环的 el.os 如何未定义，但 data.routers.DNSROOTSERVER.name 干净地显示为 ios:

Object {routers: Object}routers: ObjectDNSROOTSERVER: Objectip: "4.4.4.4"name: "DNSROOTSERVER"os: "ios"__proto__: Object__proto__: Object__proto__: Object
Object {DNSROOTSERVER: Object}DNSROOTSERVER: Objectip: "4.4.4.4"name: "DNSROOTSERVER"os: "ios"__proto__: Object__proto__: Object
undefined
ios

知道我做错了什么吗？

Answer 1

根据您的javascript，json应类似于 { "routers":[ {"os": "4.4.4.4", "name": "DNSROOTSERVER"}]}