JQuery解析Json数据填充到表格

步骤：

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的htmlhtml = 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数据填充到表格相关推荐

深入分析jquery解析json数据
我们先以解析上例中的comments对象的JSON数据为例,然后再小结jQuery中解析JSON数据的方法. JSON数据如下,是一个嵌套JSON: {"comments":[{& ...
JQuery解析JSON数据
<script src="http://cdn.static.runoob.com/libs/jquery/1.8.3/jquery.js"></script&g ...
Jquery解析Json数据，实现级联菜单
首先这里需要用到jquery,简单的说,jquery就是javascript的一些库,极大的简化了js的代码.我用到的是jquery-3.3.1.min.js这个版本的jq,大家可以去官网下载,jso ...
Android 解析JSON数据填充到Listview中
JSON代码格式化:http://blog.92coding.com/tool/jsonformat.html 用GSON处理JSON数据:http://www.cnblogs.com/VinC/ar ...
jQuery读取JSON数据（jQuery调用JSON数据学习第二天）
在初步了解JSON数据格式之后,接下来学习jQuery框架下,如何读取一个JSON数据. 由于JSON格式是JavaScript的原生态格式,因此,使用jQuery访问JSON数据时十分方便的,只需要 ...
wps解析json数据_一些非常实用的JSON 教程
以下内容来自W3school. JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 ...
java构造和解析json_Java构造和解析Json数据的两种方法详解一
在www.json.org上公布了很多JAVA下的json构造和解析工具,其中org.json和json-lib比较简单,两者使用上差不多但还是有些区别.下面首先介绍用json-lib构造和解析Jso ...
Gson解析JSON数据中动态未知字段key的方法
转载自:https://blog.csdn.net/jdsjlzx/article/details/76785239 有时在解析json数据中的字段key是动态可变的时候,由于Gson是使用静态注解的 ...
java json解析代码_Java构造和解析Json数据的两种方法详解一
在www.json.org上公布了很多JAVA下的json构造和解析工具,其中org.json和json-lib比较简单,两者使用上差不多但还是有些区别.下面首先介绍用json-lib构造和解析Jso ...
Java构造和解析Json数据的两种方法详解一
在www.json.org上公布了很多JAVA下的json构造和解析工具,其中org.json和json-lib比较简单,两者使用上差不多但还是有些区别.下面首先介绍用json-lib构造和解析Jso ...

JQuery解析Json数据填充到表格

JQuery解析Json数据填充到表格相关推荐

最新文章

热门文章