Question

我的服务器上有一个外部JSON文件，我想在不使用JQuery的情况下将对象显示到HTML文档中。我特别想要调用用户名对象并将其显示在＆＃34;所有用户＆＃34;一个简单的家庭作业项目的页面。没有JQuery，我很难找到办法做到这一点。我怎么能这样做？

JSON示例：

multiDexEnabled true

Answer 1

您可以使用此代码在html中显示所有用户

＆＃13;

function readTextFile(file, callback) {
    var rawFile = new XMLHttpRequest();
    rawFile.overrideMimeType("application/json");
    rawFile.open("GET", file, true);
    rawFile.onreadystatechange = function () {
        if (rawFile.readyState === 4 && rawFile.status == "200") {
            callback(rawFile.responseText);
        }
    }
    rawFile.send(null);
}

readTextFile("/Server File location/FileName.json", function (text) {
    var jsonData = JSON.parse(text);
    console.log(data);
    var table = document.getElementById("myTable");
    for (var i = 0; i < jsonData.length; i++) {
        var user = jsonData[i];
        var row = table.insertRow(i);
        var cell1 = row.insertCell(0);
        cell1.innerHTML = user.username;
    }

});

＆＃13;

<table id="myTable" border="1">
    <tr>
      <td>username</td>
    </tr>
  </table>

＆＃13;

Answer 2

如果你有一个json对象数组，你可以遍历它并在每个对象上调用JSON.parse（）。这将为您提供简单的用户对象，您可以访问该用户对象并将其用户名放在页面中。

for(var i=0; i<users.length; i++) {
    var user = JSON.parse(users[i]);
    // you can now access username for each user with user[i].username
    // place a username into new element in your page
}

在没有jQuery的情况下进行服务器调用的有用参考：https://en.wikipedia.org/wiki/Builder_pattern#Java

外部JSON文件字符串到HTML输出

2 个答案: