json数据解析详解---代码每行进行分析
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
$(document).ready(function() { //注冊(cè)全局的jQuqery對(duì)象 換句話說就是初始化jquery整個(gè)dom結(jié)構(gòu) $('#letter-b a').click(function(event) { //注冊(cè)點(diǎn)擊事件---函數(shù)function參數(shù)--event代表點(diǎn)擊事件 event.preventDefault(); // $.getJSON('b.json', function(data) { //解析json對(duì)象---json代表json對(duì)象--里面放置的是json數(shù)據(jù)---data表示的是從服務(wù)器返回回來的數(shù)據(jù)-- var html = ''; $.each(data, function(entryIndex, entry) { //為什么使用each方法進(jìn)行遍歷數(shù)據(jù)--因?yàn)閺姆?wù)器返回的數(shù)據(jù)我們只是接收到了--并沒有方法可以對(duì)數(shù)據(jù)進(jìn)行處理--所以需要定義function函數(shù)對(duì)遍歷出來的數(shù)據(jù)進(jìn)行處理//entryIndex數(shù)據(jù)索引---enrty--數(shù)據(jù)項(xiàng) 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); //替換網(wǎng)頁內(nèi)容 }); }); });
轉(zhuǎn)載于:https://my.oschina.net/u/876290/blog/284503
總結(jié)
以上是生活随笔為你收集整理的json数据解析详解---代码每行进行分析的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SQL Server数据库大型应用解决方
- 下一篇: 【12】行为型-观察者模式