程序员

Ajax返回的json遍历取值并显示到前台的方法

作者:admin 2021-04-14 我要评论

使用$.each(data,function(i,n){}); 可以用n.字段,取到想要的值。 $.ajax({type: 'post',url: '/XXX',dataType: 'json',success:function(data){ var item;$.ea...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

使用$.each(data,function(i,n){});

可以用n.字段,取到想要的值。

$.ajax({

type: 'post',
url: '/XXX',
dataType: 'json',
success:function(data){
 var item;
$.each(data,function(i,result){
item=
"<tr><td>"+result['name']+"</td><td>"+result['age']+"</td></tr>"; 
$('.table').append(item); 
}); 
},

});

然后将item打入table里

<table class="table"> 
<tr><th>name</th><th>age</th></tr> 
</table> 

以上这篇Ajax返回的json遍历取值并显示到前台的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持尊托云数。


原文链接:https://m.jb51.net/article/145158.htm

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 四两拨千斤——你不知道的VScode编码Ty

    四两拨千斤——你不知道的VScode编码Ty

  • 我是如何在 Vue 项目中做代码分割的

    我是如何在 Vue 项目中做代码分割的

  • position:sticky 粘性定位的几种巧妙应

    position:sticky 粘性定位的几种巧妙应

  • 从零到一搭建React组件库

    从零到一搭建React组件库