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ù)組