javascript - 使用 JavaScript 的动态列表

Question

我正在编写一个移动应用程序来处理数据库中的一些数据。

所以我的问题是显示接收到的数据的最佳方式是什么？ 我以 json 形式获取数据。 我读了一些关于淘汰赛的内容...

我的问题是我不知道我得到了多少数据以及什么类型的数据。这应该是动态发生的。 这些数据可能是有关人员的信息或有关文章的信息。

希望你能理解我的问题^^ 为我的英语不好而难过。

Answer 1

如果您只想以用户可读的方式显示数据，则可以迭代 json 对象，根据数据构建 HTML UL。

function display(obj, result) {
    if(obj == null)
        return result;
    var ul, li;
    for(var k in obj) {
        var value = obj[k];
        if(typeof(value) == "object") {
            li = result.appendChild(document.createElement("li"));
            li.innerHTML = k + ":";
            if(value != null) {
                ul = li.appendChild(document.createElement("ul"));
                display(value, ul);
            }
        } else {
            li = result.appendChild(document.createElement("li"));
            li.innerHTML = k + ": " + value;
        }
    }
    return result;
}
document.getElementById("displayDiv").appendChild(
    display(jsonObj, document.createElement("ul"));
);