jQuery解析json

①

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);
    });