springmvc json 简单例子
2024-09-19 19:12:14
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>
最新文章
- nodejs URL解析
- tableview最后一行显示不全
- AC日记——苹果树 codevs 1228
- 一句话在网页右上角加一个精致下拉框:forkme on github
- Headfirst设计模式的C++实现——抽象工厂(Abstract Factory)
- mysql操作1
- 安卓访问webAPI,并取回数据
- HTML5基本标签
- Python 中格式化字符串 % 和 format 两种方法之间的区别
- 保证你能看懂的KMP字符串匹配算法
- Abnormal Detection(异常检测)和 Supervised Learning(有监督训练)在异常检测上的应用初探
- windows下创建启动脚本bat
- CI框架2.x的验证码中所遇问题解决
- LeetCode_832. Flipping an Image_Solution
- day32 信号量 事件 管道 进程池
- vue 请求后台数据 (copy)
- Halcon开发环境和数据结构介绍——第1讲
- Sort HDU - 5884(优先队列+二分)
- 读取指定路径的Properties文件
- HTML5-入门。
热门文章
- 初次接触Servlet3.0
- Agc004_C AND Grid
- ACM学习历程—SNNUOJ1132 余数之和(数论)
- ACM学习历程—HDU 5459 Jesus Is Here(递推)(2015沈阳网赛1010题)
- 【Lintcode】363.Trapping Rain Water
- pytorch 调用forward 的具体流程
- BZOJ1727:[Usaco2006 Open]The Milk Queue挤奶队列
- bzoj 1023 [SHOI2008]cactus仙人掌图 ( poj 3567 Cactus Reloaded )——仙人掌直径模板
- Floyd-Warshall算法:求结点对的最短路径问题
- 利用SharedRegion实现核间共享