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的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>



阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。如需转载,请在文章的明显处标明本文链接! https://blog.csdn.net/qq_24484085/article/details/79045233
个人分类: Html+css
上一篇小记一次网站应用漏洞扫描--启动了不安全的HTTP方法(Insecure HTTP Method)及其解决方案
下一篇浏览器访问页面屏蔽右键功能
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭