博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
51nod1076 (边双连通)
查看>>
Item 9: Avoid Conversion Operators in Your APIs(Effective C#)
查看>>
js去除空格
查看>>
学习Spring Boot:(二十八)Spring Security 权限认证
查看>>
IT学习神器——慕课网App获App Store、Android应用市场重磅推荐
查看>>
Linux网络状态工具ss命令使用详解
查看>>
深入浅出JavaScript(2)—ECMAScript
查看>>
编程珠玑第十一章----排序
查看>>
Face The Right Way POJ - 3276 (开关问题)
查看>>
STEP2——《数据分析:企业的贤内助》重点摘要笔记(六)——数据描述
查看>>
变量的命名规范
查看>>
手机端自动跳转
查看>>
react中进入某个详情页URL路劲参数Id获取问题
查看>>
首届.NET Core开源峰会
查看>>
ViewPager的onPageChangeListener里面的一些方法参数:
查看>>
python pdf转word
查看>>
poj 2182 Lost Cows
查看>>
OpenFlow 交换机与控制器交互步骤
查看>>
java-内存模型
查看>>
文本相似度比较(网页版)
查看>>