博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
forEach遍历Ajax Json数据
阅读量:5235 次
发布时间:2019-06-14

本文共 1052 字,大约阅读时间需要 3 分钟。

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+='
    ';     html+='
  • ';     html+='';     html+='

    '+item.title+'

    ';     html+='
  • ';     html+='
';      });      $div.html(html);      }else{      }      },      error:function(){      }    });  }});

  

完成。

  

转载于:https://www.cnblogs.com/vinn7/p/8110844.html

你可能感兴趣的文章
末学者笔记--apache编译安装及LAMP架构上线
查看>>
Html列表标签
查看>>
Java8新特性。
查看>>
ajax请求aspx
查看>>
RabbitMQ-2
查看>>
PAT——1035. 插入与归并
查看>>
JS 在元素后面添加新的元素
查看>>
One Night Ultimate Werewolf Daybreak
查看>>
downloadId = downloadId || "downloads"
查看>>
目标,执行,绩效
查看>>
微软Azure运营方世纪互联遭做空后强劲反弹
查看>>
根据经纬度算距离
查看>>
恋爱的心声
查看>>
git 服务器搭建与运用
查看>>
(组件、路由)懒加载
查看>>
数据库查询拼接
查看>>
《C++反汇编与逆向分析技术揭秘》之十——构造函数
查看>>
2018年学习的一门语言
查看>>
lightoj 1057 - Collecting Gold(状压dp)
查看>>
1401机器翻译(Noip2010提高组第1题)
查看>>