1.控制器层:

 @RequestMapping("/json.do")
@ResponseBody
//将会把返回值 转换为json对象
public List<User> json(){
List<User> list = new ArrayList<User>();
list.add(new User(1,"zhansan",22));
list.add(new User(2,"wangwu",21));
list.add(new User(3,"zhaosi",33));
list.add(new User(4,"wangdana",14));
return list;
}

2.jsp页面:

 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
$('#btn').click(function(){
$.post("json.do",function(data){
var html="";
for(var i=0;i<data.length;i++){
html+="<tr><td>"+data[i].id+"</td><td>"+data[i].name+"</td><td>"+data[i].age+"</td></tr>"
}
$('#content').html(html);
});
});
});
</script> </head> <body>
<input type="button" id="btn" value="获取数据"/><br>
<table width="80%" align="center">
<tr>
<td>编号</td>
<td>姓名</td>
<td>年龄</td>
</tr>
<tbody id="content"></tbody>
</table>
</body>
</html>

最新文章

  1. nodejs URL解析
  2. tableview最后一行显示不全
  3. AC日记——苹果树 codevs 1228
  4. 一句话在网页右上角加一个精致下拉框:forkme on github
  5. Headfirst设计模式的C++实现——抽象工厂(Abstract Factory)
  6. mysql操作1
  7. 安卓访问webAPI,并取回数据
  8. HTML5基本标签
  9. Python 中格式化字符串 % 和 format 两种方法之间的区别
  10. 保证你能看懂的KMP字符串匹配算法
  11. Abnormal Detection(异常检测)和 Supervised Learning(有监督训练)在异常检测上的应用初探
  12. windows下创建启动脚本bat
  13. CI框架2.x的验证码中所遇问题解决
  14. LeetCode_832. Flipping an Image_Solution
  15. day32 信号量 事件 管道 进程池
  16. vue 请求后台数据 (copy)
  17. Halcon开发环境和数据结构介绍——第1讲
  18. Sort HDU - 5884(优先队列+二分)
  19. 读取指定路径的Properties文件
  20. HTML5-入门。

热门文章

  1. 初次接触Servlet3.0
  2. Agc004_C AND Grid
  3. ACM学习历程—SNNUOJ1132 余数之和(数论)
  4. ACM学习历程—HDU 5459 Jesus Is Here(递推)(2015沈阳网赛1010题)
  5. 【Lintcode】363.Trapping Rain Water
  6. pytorch 调用forward 的具体流程
  7. BZOJ1727:[Usaco2006 Open]The Milk Queue挤奶队列
  8. bzoj 1023 [SHOI2008]cactus仙人掌图 ( poj 3567 Cactus Reloaded )——仙人掌直径模板
  9. Floyd-Warshall算法:求结点对的最短路径问题
  10. 利用SharedRegion实现核间共享