使用jquery在html中格式化json

Question

我有json对象,我想放入可能页面为html.

这是json:

[
    {
        "name":"Temoignage",
        "id":"2"
    },
    {
        "name":"Bien etre",
        "id":"3"
    },
    {
        "name":"paradis",
        "id":"5"
    },
    {
        "name":"guerir",
        "id":"6"
    },
    {
        "name":"energie",
        "id":"9"
    }
]

我想使用append函数将它放在div标签中,如:

<div id="content">
<p><a href="id"> name </a></p>
<p><a href="id"> name </a></p>
<p><a href="id"> name </a></p>
.
.
.
</div>

注意:id和name是我的json对象的条目.

Answer 1

var items="";
$.each(data,function(index,item){
    items+="<p><a href='"+item.id+"'>"+item.name+"</a></p>";
});
$("#content").html(items);

假设数据变量将具有JSON数据.

工作样本http://jsfiddle.net/Qq2e6/

当您使用JSON时,JsonLint是一个有用的工具来验证JSON