①

成都創(chuàng)新互聯(lián)公司總部坐落于成都市區(qū),致力網(wǎng)站建設(shè)服務(wù)有成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)絡(luò)營(yíng)銷策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站維護(hù)、公眾號(hào)搭建、重慶小程序開發(fā)、軟件開發(fā)等為企業(yè)提供一整套的信息化建設(shè)解決方案。創(chuàng)造真正意義上的網(wǎng)站建設(shè),為互聯(lián)網(wǎng)品牌在互動(dòng)行銷領(lǐng)域創(chuàng)造價(jià)值而不懈努力!
JSON數(shù)據(jù)如下,是一個(gè)嵌套JSON:
{"comments":[{"content":"很不錯(cuò)嘛","id":1,"nickname":"納尼"},{"content":"喲西喲西","id":2,"nickname":"小強(qiáng)"}]}
function loadInfo() {
$.getJSON("loadInfo", function(data) {
$("#info").html("");//清空info內(nèi)容
$.each(data.comments, function(i, item) {
$("#info").append(
"<div>" + item.id + "</div>" +
"<div>" + item.nickname + "</div>" +
"<div>" + item.content + "</div><hr/>");
});
});
}
loadinfo是請(qǐng)求的地址,function(data){...}就是在請(qǐng)求成功后的回調(diào)函數(shù),data封裝了返回的JSON對(duì)象,在下面的$.each(data.comments,function(i,item){...})方法中data.comments直接到達(dá)JSON數(shù)據(jù)內(nèi)包含的JSON數(shù)組:
[{"content":"很不錯(cuò)嘛","id":1,"nickname":"納尼"},{"content":"喲西喲西","id":2,"nickname":"小強(qiáng)"}]
②
如果返回的JSON數(shù)據(jù)比較復(fù)雜,則只需多些$.each()進(jìn)行遍歷即可,嘿嘿。例如如下JSON數(shù)據(jù):
{"comments":[{"content":"很不錯(cuò)嘛","id":1,"nickname":"納尼"},{"content":"喲西喲西","id":2,"nickname":"小強(qiáng)"}],"content":"你是木頭人,哈哈。","infomap":{"性別":"男","職業(yè)":"程序員","博客":"http:\/\/www.cnblogs.com\/codeplus\/"},"title":"123木頭人"}
functionloadInfo() {
$.getJSON("loadInfo", function(data) {
$("#title").append(data.title+"<hr/>");
$("#content").append(data.content+"<hr/>");
//jquery解析map數(shù)據(jù)
$.each(data.infomap,function(key,value){
$("#mapinfo").append(key+"----"+value+"<br/><hr/>");
});
//解析數(shù)組
$.each(data.comments, function(i, item) {
$("#info").append(
"<div>"+item.id +"</div>"+
"<div>"+item.nickname +"</div>"+
"<div>"+item.content +"</div><hr/>");
});
});
}
③直接解析一個(gè)json字符串
var result={"getMeters":[{"Mid":"34","Mname":"","Tid":"5416685","Tname":"5號(hào)樓","Tcldid":"11","Unicode":"152"},{"Mid":"35","Mname":"","Tid":"5416685","Tname":"5號(hào)樓","Tcldid":"12","Unicode":"152"}]}
var getCode=new Array();
var dataobj = eval("(" + result.value + ")"); //轉(zhuǎn)換為json對(duì)象
$.each(dataobj.getMeters, function (i, item) {
getCode.push(item.Unicode);
});
網(wǎng)頁(yè)名稱:jQuery解析json
網(wǎng)站鏈接:http://www.chinadenli.net/article34/peshse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、網(wǎng)站導(dǎo)航、營(yíng)銷型網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)