当前位置: 代码迷 >> Java Web开发 >> 关于json数据显示有关问题(急)
  详细解决方案

关于json数据显示有关问题(急)

热度:167   发布时间:2016-04-16 22:23:15.0
关于json数据显示问题(急)
怎么把获取到的值在table中遍历出来?


<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- 引入通用的资源页面 -->
<jsp:include page="/page/common/res.jsp" />
<script>
$(document).ready(function() {
$.post("${ctx}/test.do", function(data, status) {
for (var i = 0; i < data.length; i++) {
alert("name:" + data[i].name + "    age:" + data[i].age);
//此处获取到的值为:lin   24 ;
//   zhang 23;
}
});
});
</script>

</head>
<body>
<table id="tt">
<tr>
<td>姓名:</td>
<td>年龄:</td>
</tr>
</table>
</body>
</html>



------解决方案--------------------

$.post("${ctx}/test.do", function(data, status) {
            $("#tt).find("tr:gt(0)").remove();//把已有数据清除
            for (var i = 0; i < data.length; i++) {
                //alert("name:" + data[i].name + "    age:" + data[i].age);
                $("#tt).append(“<tr><td>"+data[i].name+"</tr><td>"+data[i].age+"</td></tr>”);//添加一行数据
            }
        });

  相关解决方案