Jquery中$.post請(qǐng)求返回Json對(duì)象并解析

以下例子為了方便查看，直接在控制臺(tái)中打印出來(lái)咯

（$.post，$.get，$.getJSON，$.ajax等等 解析json的原理都一樣）

定義一個(gè)json對(duì)象，然后，直接取值（對(duì)象.方法名）

  //以下結(jié)果，請(qǐng)?jiān)赾onsole控制臺(tái)中查看（F12或者審查元素，即可進(jìn)入Console控制臺(tái)）
        //Jquery接收Post/Get返回值，解析Json數(shù)據(jù)
        //（$.post，$.get，$.getJSON，$.ajax等等 解析json的原理都一樣）
        $.post('你的URL', { action: 'GetList' }, function (data) {
            //此post請(qǐng)求為異步，上面是模擬的測(cè)試地址，正式使用時(shí)，請(qǐng)換成自己的接口地址
            //為了方便，在這里我就直接模擬出json對(duì)象數(shù)據(jù)，直接賦值咯（小盆友不要學(xué)我懶省事，哈哈）
            data = { "Name": "Json在線解析", "ProUrl": "www.yunjson.com", "SiteID": 1472222, "SiteLink": "官方QQ群：308250404", "SiteInfo": "Json在線工具（http://www.yunjson.com），Json學(xué)習(xí)資料專題模塊，只為你提供最好的Json學(xué)習(xí)資料，感謝你的支持" };
            if (data) {
                //接收數(shù)據(jù)成功，開(kāi)始處理json對(duì)象（此時(shí)data就是接收到的json對(duì)象）
                //現(xiàn)在我們可以得到j(luò)son數(shù)據(jù)中，我們需要的某些字段值了
                //為了方便查看，直接在控制臺(tái)中打印出來(lái)咯
                console.log(data.Name);
                console.log(data.ProUrl);
                console.log(data.SiteID);
                console.log(data.SiteLink);
                console.log(data.SiteInfo);
            }
        }, 'json');
        //PS：以上請(qǐng)求中解析json的操作原理，可以簡(jiǎn)化的表示為以下方法
        //定義一個(gè)json對(duì)象，然后，直接取值（對(duì)象.方法名）
        var data = { "Name": "Json在線解析", "ProUrl": "www.yunjson.com", "SiteID": 1472222, "SiteLink": "官方QQ群：308250404", "SiteInfo": "Json在線工具（http://www.yunjson.com），Json學(xué)習(xí)資料專題模塊，只為你提供最好的Json學(xué)習(xí)資料，感謝你的支持" };
        console.log(data);
        console.log("第一種用法：Jquery用Post/Get調(diào)用Json數(shù)據(jù)");
        console.log("Name:--"   data.Name);
        console.log("ProUrl:--"   data.ProUrl);
        console.log("SiteID:--"   data.SiteID);
        console.log("SiteLink:--"   data.SiteLink);
        console.log("SiteInfo:--"   data.SiteInfo);

原文鏈接：Jquery中$.post請(qǐng)求返回Json對(duì)象并解析