1.test.json檔案程式碼：

[

{

"username": "張三",

"content": "沙發."

},

{

"username": "李四",

"content": "板凳."

},

{

"username": "王五",

"content": "地板."

}

]

2.html程式碼：

<p>

<input type="button" value="載入"/>

</p >

<div ></div>

3.jQuery程式碼：

<script src="jquery-1.3.1.js" type="text/javascript"></script>

<script type="text/javascript">

/*

1.$.each()是jquery的一個通用的遍歷方法，可用於遍歷物件和陣列

2.$.each()函式不同於jquery物件的each()方法，它是一個全域性函式，不操作jquery物件，而是以一個數組或者物件作為第一個引數，以一個回撥函式作為第二個引數。回撥函式擁有兩個引數：第一個引數為物件的成員或陣列的索引，第二個引數為對應變數或內容

*/

$(function(){

$("#send").click(function() {

$.getJSON("test.json", function(data) {

$("#resText").empty();

var html = "";

$.each( data , function(commentIndex, comment) {

html += "<div><h6>" + comment["username"] + ":</h6><p>" + comment["content"] + "</p ></div>";

})

$("#resText").html(html);

})

})

})

</script>