Question

预循环的一切都很好。我需要帮助找到访问更深层json的方法。我被困在＆＃34; for＆＃34;环。 product_name在第一个循环中没问题，但没有比这更深入。我为每个更深层次的循环添加了一些输出，但我似乎没有通过第二个。

Follow URL查看JSON数组。

<script>
var xmlhttp = new XMLHttpRequest();
var url = 'http://www.weber.se/?type=88&pageAlias=lecareglttklinker26&json=1';

xmlhttp.onreadystatechange=function() {
if (this.readyState == 4 && this.status == 200) {
    readJson(this.responseText);
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();

function readJson(response) {
var object = JSON.parse(response);
var output = '<div class="container-fluid">';
        output += '<div class="row">';
            output += '<div class="col-xs-6 text-left"><img src="' + object.product[0].packaging_picture + '" height="230"></div>';
            output += '<div class="col-xs-6 text-right"><img src="' + object.product[0].main_picture + '" height="230"></div>';
        output += '</div>';
        output += '<div class="row">';
            output += '<div>' + object.product[0].standfirst + '</div>';
        output += '</div>';
        output += '<div class="row">';
            output += '<div class="well"><h2>Egenskaper</h2>' + object.product[0].benefits_description + '</div>';
        output += '</div>';

        for (var a = 0; a < object.product.length; a++) {
            var product = object.product[a];
            var name = product.product_name;
            output += '<h2>' + name + '</h2>';
                for (var b = 0; b < product.tabs.length; b++) {
                    var tabs = product.tabs[b];
                    output += 'tabs<br>';
                        for (var c = 0; c < product.tabs.tab.length; c++) {
                            var tab = tabs.tab[c];
                            output += 'tab<br>';
                                for (var d = 0; d < product.tabs.tab.contents.length; d++) {
                                    var contents = tab.contents[d];
                                    output += 'contents<br>';
                                        for (var e = 0; e < product.tabs.tab.contents.content.length; e++) {
                                            var content = contents.content[e];
                                            output += 'content<br>';
                                                for (var f = 0; f < product.tabs.tab.contents.content.title.length; f++) {
                                                    var title = content.title[f];
                                                    var bodytext = content.bodytext[f];
                                                    output += '<h3>' + title + '</h3>';
                                                    output += bodytext;
                                                }
                                        }
                                }
                        }
                }
        }

        output += '</div>';

    document.getElementById("output").innerHTML = output;
}
</script>

Answer 1

您的第二个循环无效。根据链接中的数据，product.tabs不是数组。它的一个对象。所以你不能真正循环和对象，你需要有一种不同的方式来处理那个对象。

for (var a = 0; a < object.product.length; a++) {
    var product = object.product[a];
    var name = product.product_name;
    output += '<h2>' + name + '</h2>';
    output += 'tabs<br>';
    var tabs = product['tabs']['tab'];
    for (var c = 0; c < tabs.length; c++) {
        var tab = tabs[c];
        output += 'tab<br>';
        var contents = tab['contents'] != undefined ? tab['contents']['content'] : [];
        output += 'contents<br>';
        for (var e = 0; e < contents.length; e++) {
            var content = contents[e];
            output += 'content<br>';
            var title = content.title;
            var bodytext = content.bodytext;
            output += '<h3>' + title + '</h3>';
            output += bodytext;

        }
    }
}

JSON：如何访问深层数组

1 个答案: