JSON.parse解析復(fù)雜json字符串

先用JSON.parse把復(fù)雜的json字符串變?yōu)閖son對象,

在用for或者$.each循環(huán)取得里面的json數(shù)組,得到每一個對象


 現(xiàn)在看看復(fù)雜的json解析也不過如此吧,

現(xiàn)在你已經(jīng)掌握了jquery解析json的方法咯,

大膽的在項目中運用吧?。?!



        //用JSON.parse解析復(fù)雜json字符串
        //(先用JSON.parse把復(fù)雜的json字符串變?yōu)閖son對象,在用for或者$.each循環(huán)取得里面的json數(shù)組,得到每一個對象)

        var data = '{"Name":"Json在線解析","ProUrl":"www.yunjson.com","SiteID":1472222,"SiteLink":"官方QQ群:308250404","SiteList":[{"Name":"Json在線工具","ProUrl":"www.yunjson.com","SiteInfo":"Json在線工具(http://www.yunjson.com)"},{"Name":"Json在線解析","ProUrl":"www.yunjson.com","SiteInfo":"Json在線解析(http://www.yunjson.com)"},{"Name":"Json在線格式化","ProUrl":"www.yunjson.com","SiteInfo":"Json在線格式化(http://www.yunjson.com)"}]}';
        var dataObj = JSON.parse(data); //此時已變成json對象咯,下面可以直接得到j(luò)son對象的值 和 json數(shù)組對象, 直接用$.each循環(huán)json數(shù)組對象取值啦
        //得到單個json對象
        console.log("第五種用法:用JSON.parse解析復(fù)雜json字符串,$.each循環(huán)");
        console.log("得到j(luò)son單個對象");
        console.log("Name:--"   dataObj.Name);
        console.log("ProUrl:--"   dataObj.ProUrl);
        console.log("SiteID:--"   dataObj.SiteID);
        console.log("得到j(luò)son數(shù)組對象");
        $.each(dataObj.SiteList, function (index, item) {
            var result = item.Name   "--"   item.ProUrl   "--"   item.SiteInfo; //拼接數(shù)據(jù),輸出到控制臺展示
            console.log(result);
        });
      


原文鏈接:JSON.parse解析復(fù)雜json字符串