<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="../resource/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../resource/js/jquery.tmpl.min.js"></script>
</head>
<body>
<script id="myTemplate" type="text/x-jquery-tmpl">
<tr><td>${'${'}name}</td><td>${'${'}value.code}</td></tr>
</script>
<table cellspacing="0" cellpadding="3" border="1">
<tbody id="rows">
</tbody>
</table>
</body>
<script>
$(function(){
$.getJSON("../resource/json/sysData.json", function(data) {
$( "#myTemplate" ).tmpl(data).appendTo('#rows');
})
});
json文件(sysData.json):
[{
"code": "x0001",
"name": "A区
}]