Jquery中$.post请求返回Json对象并解析

Jquery中$.post请求返回Json对象并解析

以下例子为了方便查看，直接在控制台中打印出来咯

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

定义一个json对象，然后，直接取值（对象.方法名）

  //以下结果，请在console控制台中查看（F12或者审查元素，即可进入Console控制台）
        //Jquery接收Post/Get返回值，解析Json数据
        //（$.post，$.get，$.getJSON，$.ajax等等 解析json的原理都一样）
        $.post('你的URL', { action: 'GetList' }, function (data) {
            //此post请求为异步，上面是模拟的测试地址，正式使用时，请换成自己的接口地址
            //为了方便，在这里我就直接模拟出json对象数据，直接赋值咯（小盆友不要学我懒省事，哈哈）
            data = { "Name": "Json在线解析", "ProUrl": "www.yunjson.com", "SiteID": 1472222, "SiteLink": "官方QQ群：308250404", "SiteInfo": "Json在线工具（http://www.yunjson.com），Json学习资料专题模块，只为你提供最好的Json学习资料，感谢你的支持" };
            if (data) {
                //接收数据成功，开始处理json对象（此时data就是接收到的json对象）
                //现在我们可以得到json数据中，我们需要的某些字段值了
                //为了方便查看，直接在控制台中打印出来咯
                console.log(data.Name);
                console.log(data.ProUrl);
                console.log(data.SiteID);
                console.log(data.SiteLink);
                console.log(data.SiteInfo);
            }
        }, 'json');
        //PS：以上请求中解析json的操作原理，可以简化的表示为以下方法
        //定义一个json对象，然后，直接取值（对象.方法名）
        var data = { "Name": "Json在线解析", "ProUrl": "www.yunjson.com", "SiteID": 1472222, "SiteLink": "官方QQ群：308250404", "SiteInfo": "Json在线工具（http://www.yunjson.com），Json学习资料专题模块，只为你提供最好的Json学习资料，感谢你的支持" };
        console.log(data);
        console.log("第一种用法：Jquery用Post/Get调用Json数据");
        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请求返回Json对象并解析