Javascript 从json对象创建水平描述列表

我计划的结构是一个水平描述列表，如

 key    key2  ...

value  value2 ...

我的代码是：

html:

基本上，我想在上面的水平列表中显示从服务器检索到的一些信息，然后发送到JSON对象，如下所示：

var current_status = {"REFERENCE":"1000006",
                        "NUMBER":108,
                        "DESCRIPTION":"SC1B",
                        "CONFIRMATION":"155248",
                        "CREATION_DATE":15584,
                        "YEAR":2013,
                        "NDOQ":161,
                        "NEZC":"161",
                        "STATUS":"LI"};

---

但是，我对web开发非常陌生，我想了解一些技巧。谢谢。

您可以遍历对象中的每个属性，然后为每个键/值对添加一个新的

元素

请注意，这个示例使用JQuery将html附加到DOM

function addItem(key, value) {
    $("div").append('<dl class="horizonal_list"><dt>' + key + '</dt><dd>' + value + '</dd></dl>');
}

for (var key in current_status) {
    addItem(key, current_status[key]);
}

---

，它显示了如何按需更新数据

看起来很不错！我马上就去试试。（关于jQuery，尽管我是一个非常初学者，但我知道这是在js代码中链接的第一件事：-）再次感谢您提供的示例！！！如果我特别需要引用一个div，我需要

#div\u id

，不是吗？所以你想创建一个表。。。使用表格，表格在显示结构化数据方面并不坏（与使用表格进行布局相反）

var current_status = {"REFERENCE":"1000006",
                        "NUMBER":108,
                        "DESCRIPTION":"SC1B",
                        "CONFIRMATION":"155248",
                        "CREATION_DATE":15584,
                        "YEAR":2013,
                        "NDOQ":161,
                        "NEZC":"161",
                        "STATUS":"LI"};

function addItem(key, value) {
    $("div").append('<dl class="horizonal_list"><dt>' + key + '</dt><dd>' + value + '</dd></dl>');
}

for (var key in current_status) {
    addItem(key, current_status[key]);
}

$("div").empty();