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+=''; }); $div.html(html); }else{ } }, error:function(){ } }); }});
完成。