JQuery解析Json数据填充到表格

版权声明:本文为博主原创文章,未经博主允许不得转载。如需转载,请在文章的明显处标明本文链接! https://blog.csdn.net/qq_24484085/article/details/79045233

步骤:

     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>



阅读更多

扫码向博主提问

noob_ming

非学,无以致疑;非问,无以广识
  • 擅长领域:
  • Java
  • SSM
  • 数据库
  • 服务器
去开通我的Chat快问

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