Ajax返回的json遍历取值并显示到前台的方法
更新时间：2018年08月06日 16:01:16 作者：Friendship_Boat
今天小编就为大家分享一篇Ajax返回的json遍历取值并显示到前台的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用$.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遍历取值并显示到前台的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在项目中经常用到AJAX调用远程数据，每一次调用，都得写一个ajax方法，这就造成了重复代码过多，可读性也不够强，所以，我一般都是封装起来，需要的时候调用2016-01-01
支持跨域的Ajax异步(请求)提交类2009-07-07
本文主要总结整理Ajax的一些常用的基础知识，非常适合初学者。需要的朋友可以参考借鉴，下面来一起学习学习吧。2017-01-01
跨域问题是我们在开发中经常会遇到的一个需求，下面这篇文章主要给大家介绍了关于ajax和jsonp跨域的原理本质，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-11-11
AJAX开发简略 (第一部分)...2006-12-12
这篇文章主要介绍了jquery ajax实现文件拖拽上传功能的实例代码,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-04-04
ajax 不错的应用...2006-07-07
Ajax 和 Asp 的编程...2006-10-10
这篇文章主要为大家详细介绍了AJAX XMLHttpRequest对象，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库
jQuery.AjaxFileUpload.js是一款jQuery插件，用于通过ajax上传文件。本文给大家介绍AjaxFileUpload实现单个文件的 Ajax 文件上传库，对此感兴趣的朋友一起学习吧2016-04-04
最新评论