Jquery通過$.post獲取數(shù)據(jù),$.each解析Json數(shù)組

($.post,$.get,$.getJSON,$.ajax等等 解析json的原理都一樣)

$.each循環(huán)遍歷解析Json數(shù)組



  //以下結(jié)果,請在console控制臺中查看(F12或者審查元素,即可進(jìn)入Console控制臺)
        //Jquery接收Post/Get返回值, $.each直接解析Json數(shù)組

        //($.post,$.get,$.getJSON,$.ajax等等 解析json的原理都一樣)
        $.post('你的URL', { action: 'GetList' }, function (data) {
            //此post請求為異步,上面是模擬的測試地址,正式使用時,請換成自己的接口地址
            //為了方便,在這里我直接賦值咯
            data = [{ "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)"}]
            if (data) {
                //接收數(shù)據(jù)成功,開始處理json對象(此時data就是接收到的json數(shù)組)
                //現(xiàn)在我們可以得到j(luò)son數(shù)據(jù)中,需要循環(huán)得到每個json對象
                //為了方便查看,直接在控制臺中打印出來咯
                $.each(data, function (index, item) {
                    //此時可以得到每個json對象哦,接下來的操作就交給大家了
                    console.log(data.Name);
                    console.log(data.ProUrl);
                    console.log(data.SiteID);
                    console.log(data.SiteLink);
                    console.log(data.SiteInfo);
                });
            }
        }, 'json');
        //下面來模擬下輸出值(由于沒有測試地址,在下面就直接賦值了)
        var data = [{ "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)"}]
        console.log("第一種用法:Jquery中,$.each直接解析Json數(shù)組");
        $.each(data, function (index, item) {
            var result = item.Name   "--"   item.ProUrl   "--"   item.SiteInfo; //拼接數(shù)據(jù),輸出到控制臺展示
            console.log(result);
        });


原文鏈接:Jquery通過$.post獲取數(shù)據(jù),$.each解析Json數(shù)組