JQuery解析Json数据填充到表格
2018-01-12 16:12
1351 查看
步骤:
1、获取json串
2、通过json串,动态拼接html语句
3、通过jquery获取table,然后往table中输出html
1、获取json串
2、通过json串,动态拼接html语句
3、通过jquery获取table,然后往table中输出html
<script type="text/javascript"> function getList() { $.ajax({ type : "GET", url : "ajaxGet", data : { method : "query" }, dataType : "json",//返回的数据类型 success : function(data) { var html = ''; for ( var i = 0; i < data.length; i++) {//循环json对象,拼接tr,td的html html = html + '<tr>'; html = html + '<td>' + data[i].id + '</td>'; html = html + '<td>' + data[i].username + '</td>'; html = html + '<td>' + data[i].password + '</td>'; html = html + '<td>' + data[i].power + '</td>'; html = html + '<td>' + data[i].name + '</td>'; html = html + '<td>' + data[i].time + '</td>'; html = html + '</tr>'; } $('#tr').html(html);//通过jquery方式获取table,并把tr,td的html输出到table中 }, error : function() { alert("查询失败!"); } }); } </script>
<table class="table" id="tr" style="text-align: center;"> </table>
相关文章推荐
- JQuery插件第三十六个:简单解析json生成数据表格
- json数据 填充遍历表格行列 jQuery
- jquery实现json数据填充到table表格中并且实现remove add 数据
- Web jquery ajax,EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔
- 【js与jquery】jquery对返回json格式数据的处理和解析
- S2SH+ajax+json-----jQuery中$.ajax解析xml、json格式数据
- jquery通过ajax方式获取json数据和解析
- Jquery如何解析JSON数据
- jquery json xml关于解析两次json数据动态取值的处理方式
- SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
- (转)springMVC框架下JQuery传递并解析Json数据
- 深入分析jquery解析json数据
- JQuery 解析多维的Json数据格式
- jquery解析json数据
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- 使用jQuery解析JSON数据
- 使用jQuery解析JSON数据,备用
- jquery 获取并解析哈工大ltp-cloud返回的json数据
- bobo【转】使用jQuery解析JSON数据
- 用jquery解析JSON数据的方法