把json数据放进html中,如何把json的数据放入HTML中

hi 我想知道如何把json的数据放到html中 有没有标签或者什么，放在body下？如何把json的数据放入HTML中

`["book":

{

"title":"JavaScript, the Definitive Guide",

"publisher":"O'Reilly",

"author":"David Flanagan",

"cover":"/images/cover_defguide.jpg",

"blurb":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit."

},

{

"title":"DOM Scripting",

"publisher":"Friends of Ed",

"author":"Jeremy Keith",

"cover":"/images/cover_domscripting.jpg",

"blurb":"Praesent et diam a ligula facilisis venenatis."

},

{

"title":"DHTML Utopia: Modern Web Design using JavaScript & DOM",

"publisher":"Sitepoint",

"author":"Stuart Langridge",

"cover":"/images/cover_utopia.jpg",

"blurb":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit."

}

]`

var xmlhttp;

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

}

else

{// code for IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

var addrField = document.getElementById('myDiv');

var card = eval('(' + xmlhttp.responseText + ')');

addrField.value = card.places.place.name.value;

}

};

xmlhttp.open("GET","HTMLPage3.htm",true);

xmlhttp.send();

+0

您需要通过迭代数组的元素来生成HTML。如果你使用jQuery，有一个模板插件可以使这个简单。否则，你需要通过标准的JavaScript来完成。 –

2011-05-19 07:47:22

+0

@Smirkin黄瓜我没有使用jQuery ....你的意思是迭代元素...因为我将在ajax中使用这个html url –

2011-05-19 08:28:46