Question

http://jsfiddle.net/hbrennan72/0urqaee9/

我采用了一个非常简单的W3Schools JSON示例并对其进行了稍微修改。我只显示JSON文件的内容内容。外部JSON文件在JS中引用，但我也将内容复制到JSFiddle上的CSS框架中。任何帮助将不胜感激。

var xmlhttp = new XMLHttpRequest();
var url = "http://schwartzcomputer.com/ICT4570/Resources/USPresidents.json";

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var myArr = JSON.parse(xmlhttp.responseText);
        myFunction(myArr);
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();

function myFunction(arr) {
    var out = "";
    var i;
    for(i = 0; i < arr.length; i++) {
        out += '<a href="' + arr[i].url + '">' + 
        arr[i].president + '</a><br>';
    }
    document.getElementById("id01").innerHTML = out;
}

Answer 1

对于XML引用，例如。 xmlns：xsi，您需要使用括号表示法。您可以像引用任何JavaSscript对象一样引用总统列表对象。

分叉jsfiddle

您可以以任何您喜欢的格式显示属性。

function myFunction(arr) {
    alert(arr.presidents["xmlns:xsi"]);
    alert(arr.presidents.president[0].number + ". " + arr.presidents.president[0].name);
    ...
}

修改

我已修改jsfiddle以创建表格。我没有包括你指定的所有字段，但会得到一般的想法。

Answer 2

您需要遍历arr.presidents.president

function myFunction(arr) {
var out = "";
var i;
for(i = 0; i < arr.presidents.president.length; i++) {
    out += JSON.stringify(arr.presidents.president[i]) + '</a><br>';
}
document.getElementById("id01").innerHTML = out;
}

需要帮助显示JSON文件的内容

2 个答案: