Javascript 显示Json值

我现在一直在处理json值。我在ajax调用中返回json值。现在我想以特定的格式显示json。例如，让返回值为

{"Heading 1":["Content 1","Content 2"],"Heading 2":["Content 1","COntent 2","Content 3"],"Heading3":["Content 1"]}

我想以这样一种方式展示

<h4>Heading 1</h4> <input type="checkbox">Content 1<br><input type="checkbox">Content 2<br>
<h4>Heading 2</h4> <input type="checkbox">Content 1<br><input type="checkbox">Content 2<br><input type="checkbox">Content 3<br>
<h4>Heading 3</h4> <input type="checkbox">Content 1<br>

标题1内容1
内容2

标题2内容1
内容2
内容3

标题3内容1

我应该怎么做呢？

试试这种方法：

var data, container, key, curHeading, heading, i, checkbox;

data = {"Heading 1":["Content 1","Content 2"],"Heading 2":["Content 1","COntent 2","Content 3"],"Heading3":["Content 1"]};

container = document.createElement("div");
for (key in data) {
    curHeading = data[key];
    heading = document.createElement("h4");
    heading.innerHTML = key;
    container.appendChild(heading);
    for (i = 0; i < curHeading.length; i++) {
        checkbox = document.createElement("input");
        checkbox.type = "checkbox";
        container.appendChild(checkbox);
        container.appendChild(document.createTextNode(curHeading[i]));
        container.appendChild(document.createElement("br"));
    }
}

document.body.appendChild(container);

var数据、容器、键、标题、标题、i、复选框；
数据={“标题1”：[“内容1”、“内容2”]，“标题2”：[“内容1”、“内容2”、“内容3”]，“标题3”：[“内容1”]}；
容器=document.createElement（“div”）；
用于（输入数据）{
curHeading=数据[键]；
标题=document.createElement（“h4”）；
heading.innerHTML=key；
容器.附加物（标题）；
对于（i=0；i

演示：

---

在

窗口中发生这种情况。onload

事件（如JSFIDLE中的事件）

通过对象循环，将键放入

，然后

s中的值可能与此重复。您可能希望研究这类问题。

json

不是json，它是一个对象。非常感谢……）适合我的需要。

var json ={"Heading 1":["Content 1","Content 2"],"Heading 2":["Content 1","COntent 2","Content 3"],"Heading3":["Content 1"]}
obj = JSON.parse(json);


for ( evaluationHere){
    createTheElementsHEre()

}
insertHtml();