json數據解析詳解---代碼每行進行分析

$(document).ready(function() { //註冊全局的jQuqery對象 換句話說就是初始化jquery整個dom結構 $('#letter-b a').click(function(event) { //註冊點擊事件---函數function參數--event表明點擊事件 event.preventDefault(); // $.getJSON('b.json', function(data) { //解析json對象---json表明json對象--裏面放置的是json數據---data表示的是從服務器返回回來的數據-- var html = ''; $.each(data, function(entryIndex, entry) { //爲何使用each方法進行遍歷數據--由於從服務器返回的數據咱們只是接收到了--並無方法能夠對數據進行處理--因此須要定義function函數對遍歷出來的數據進行處理//entryIndex數據索引---enrty--數據項 html += '<div class="entry">'; html += '<h3 class="term">' + entry.term + '</h3>'; html += '<div class="part">' + entry.part + '</div> html += '<div class="definition">'; html += entry.definition; html += '</div>'; html += '</div>'; }); $('#dictionary').html(html); //替換網頁內容 }); }); });