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); //替换网页内容 }); }); });