forEach遍歷Ajax Json數據

Jquery Ajax獲取接口json數據

$(function(){
    //獲取列表
    getList();
    function getList(){
    　　$.ajax({
    　　type:'post',
    　　data:{pageCur:'1',pageNum:'2'}, //當前頁：1，數量：2（參數根據后台要求）
    　　url:'',  //接口地址
    　　success:function(data){
　　　　},
　　　　error:function(){

　　　　}
　　　　});
　　}

});

　　

　　

寫好后打開瀏覽器訪問，可以看到json數據，如圖：

全選復制到json格式校驗網站進行格式化

然后修改ajax里面的代碼：

$(function(){
    //獲取列表
    getList();
    function getList(){
    　　$.ajax({
    　　　　type:'post',
   　　 　　data:{pageCur:'1',pageNum:'2'}, //當前頁：1，數量：2（參數根據后台要求）
    　　　　url:'',  //接口地址
    　　　　success:function(data){
        　　var $div=$('#lsit');
       　　 var html='';
        　　if(data.list.length>0){
            　　data.list.Foreach(function(item){ //item就是json里面的List對象 下面item.Id就是遍歷字段
        　　　　html+='<ul>';
        　　　　html+='<li>';
        　　　　html+='<a href=”/list/detal?Id='+item.Id+'”><img src=”'+item.img+'”></a>';
        　　　　html+='<p>'+item.title+'</p>';
        　　　　html+='<li>';
        　　　　html+='</ul>';
　　　　　　});
　　　　　　$div.html(html);
　　　　　　}else{
　　　　　　}
　　　　　　},
　　　　　　error:function(){

　　　　　　}
　　　　});
　　}
});

　　

完成。