Ajax返回的json遍历取值并显示到前台的方法
2018-08-06 16:01
645 查看
使用$.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返回的json遍历取值并显示到前台
- 基于ajax后台返回的数据为空前台显示出现undefined的解决方法
- Ajax前台返回JSON数据后再Controller中直接转换成类型使用,后台接收json转成实体的方法
- spring mvc 4.x 版本在返回给ajax调用的json数据时候,出现中文显示???的处理方法
- ExtJs中submit提交表单返回json字符不能再前台显示的解决方法
- 后台返回前台list,前台ajax接收后遍历的方法
- 前台使用ajax 调用action方法,返回一个对象List集合的json
- 关于AJAX请求后台数据,接收后台返回的JSON数据,以及前台遍历json数据和append追加元素。
- ajax后台返回的数据为空前台显示出现undefined的解决方法
- 对于不同的json返回类型,ajax的不同取值方法
- 遍历Json返回的数据几种方法
- Java中使用json与前台Ajax数据交互的方法
- ASP.NET MVC2 AJAX调用JsonResult方法并返回自定义错误信息
- 后台webservice返回JSON,前台js用ajax调用
- 一种Javascript解释ajax返回的json的好方法(推荐)
- 下载文件名字乱码问题,json_encode解决Ajax 返回字符串数据不显示问题
- 利用ajax在index页面自动执行方法并显示相关内容,在执行相关按钮操作(如登录注册)后返回index页面后ajax不执行,无法显示相关内容的问题解决方法之一
- Spring MVC 用ajax返回json给页面显示
- $.ajax返回的JSON无法执行success的解决方法
- ASP.NET MVC3 AJAX调用JsonResult方法并返回自定义错误信息