<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
var java = '{"total" : 3,"students":[{"name":"张三","age":20},{"name":"李四","age":23},{"name":"王二","age":25}]}'
window.onload = function (){
document.getElementById("displayBtn").onclick = function (){
var str = 'var jsonObj =' + java
window.eval(str)
document.getElementById("totalSpan").innerHTML = jsonObj.total
var stu = jsonObj.students
}
}
</script>
<input type="button" value="查看学生信息" id="displayBtn">
<table border="1px" width="40%" >
<tr>
<th id="xuhao">序号</th>
<th id="name">姓名</th>
<th id="age">年龄</th>
</tr>
<tbody id="stuBody">
<!--<tr>
<td>1</td>
<td>张三</td>
<td>20</td>
</tr>
<tr><td>2</td>
<td>李四</td>
<td>25</td>
</tr>
<tr><td>3</td>
<td>王二</td>
<td>60</td>
</tr>-->
</tbody>
</table>
学生总人数：<span id="totalSpan">0</span>条
</body></html>
0 Commentaires