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

你可能感兴趣的文章
IOS基础学习
查看>>
PHP 导出 Excell
查看>>
Java基础教程——网络基础知识
查看>>
自己到底要的是什么
查看>>
Kruskal基础最小生成树
查看>>
ubuntu 14.04 安装搜狗拼音输入法
查看>>
浅谈算法和数据结构: 一 栈和队列
查看>>
Java内部类详解
查看>>
【hdu 1429】胜利大逃亡(续)
查看>>
图论-次短路求法
查看>>
What's New for Visual C# 6.0
查看>>
ExtJs学习笔记之ComboBox组件
查看>>
关于收费软件
查看>>
getopt_long
查看>>
TensorFlow MNIST CNN 代码
查看>>
javascript之Style物
查看>>
JSON跨域解决方案收集
查看>>
SSH框架整合总结
查看>>
图的深度优先遍历
查看>>
C# 之 提高WebService性能大数据量网络传输处理
查看>>