作者:ssslinppp
1. 摘要
程序流程:
- 前台使用ajax技术,传递json字符串到后台;
- 后台使用Spring MVC注解@RequestBody 接受前台传递的json字符串,并返回新的json字符串到前台;
- 前台接受后台传递过来的json数据,并显示。
![](https://images0.cnblogs.com/blog/731047/201506/241129153303050.jpg)
2. 前台界面和js
![](https://images0.cnblogs.com/blog/731047/201506/241129159245935.png)
<%@ page language="java" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>SpringMVC+ajax+json</title>
<script type="text/javascript">var basePath = "<%=basePath%>";</script>
<%-- <link rel="stylesheet" type="text/css" href="<%=basePath%>js/easyui/demo.css"> --%>
<script type="text/javascript" src="<%=basePath%>js/JQuery/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/test/ajaxAndJson.js"></script>
</head>
<body>
<div style="padding:5px 0;">
<p>SpringMVC @RequestBody 接收Json数组对象</p>
<a href="#" class="easyui-linkbutton" onclick="loadData()" data-options="iconCls:'icon-add'">@RequestBody 接收Json数组对象</a>
</div>
</body>
</html>
![](https://images0.cnblogs.com/blog/731047/201506/241129172057976.png)
3. 后台java代码
![](https://images0.cnblogs.com/blog/731047/201506/241129177674404.png)
http://localhost:8080/SpringMVCTest/test/index.action 请求后,返回index.jsp界面,如下图:
![](https://images0.cnblogs.com/blog/731047/201506/241129183929046.png)
点击后会请求jsonDataReq
![](https://images0.cnblogs.com/blog/731047/201506/241129188307447.png)
这是person.java类
![](https://images0.cnblogs.com/blog/731047/201506/241129191115661.png)
4. 配置
web.xml
![](https://images0.cnblogs.com/blog/731047/201506/241129196746789.png)
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<!-- 从类路径下加载Spring配置文件,classpath关键字特指从类路径下加载 -->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext.xml</param-value>
</context-param>
<!-- 负责启动Spring容器的监听器 -->
<listener><listener-class>org.springframework.web.context.ContextLoaderListener
</listener-class></listener>
<!-- 配置Spring MVC,其对应的配置文件为:servlet-name-servlet.xml, 本项目的为:spring-servlet.xml -->
<servlet>
<servlet-name>spring</servlet-name>
<servlet-class> org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>3</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>spring</servlet-name>
<url-pattern>*.action</url-pattern>
</servlet-mapping>
</web-app>
spring-servlet.xml
![](https://images0.cnblogs.com/blog/731047/201506/241129206587388.png)
applicationContext.xml
![](https://images0.cnblogs.com/blog/731047/201506/241129214709272.png)
5. 结果
![](https://images0.cnblogs.com/blog/731047/201506/241129223148615.png)
![](https://images0.cnblogs.com/blog/731047/201506/241129230958742.png)
6. 其他
淘宝:
转载请标明出处:http://www.cnblogs.com/ssslinppp/
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步