如何解析json并展示到html页面中,如何解析这样的Json列表并在HTML中显示其元素？...

我用这样的jQuery的的getJSON()方法得到了一个JSON对象：如何解析这样的Json列表并在HTML中显示其元素？

$(document).ready(function(){

$("button").click(function(){

$.getJSON(the_api_url, {}, function(data) {

// do something

});

});

});

});

的数据是一个数组列表，它的格式是这样的：

[

{

id : "001",

name : "apple",

class : "fruit",

colour : "red"

},

{

id : "002",

name : "melon",

class : "fruit",

colour : "green"

},

{

id : "003",

name : "banana",

class : "fruit",

colour : "yellow"

}

]

我是新来的JavaScript并且不知道如何解析并在html页面中显示它。你们可以帮助我处理'//做些什么'部分的代码吗？

2013-08-23

Jane

+0

看看API文档的DOM操作http://api.jquery.com/category/manipulation/dom-insertion-inside/ –

+0

看看如何使用'html()'，'append()'等方法，等等 –

+0

@ Arun P Johny。再见：)。我正在学习它。你能给我一个示例代码吗？ –