本文转载自:
https://www.cnblogs.com/ssslinppp/p/4597251.html 作者:ssslinppp 转载请注明该声明。
作者:ssslinppp
1. 摘要
程序流程:
- 前台使用ajax技术,传递json字符串到后台;
- 后台使用Spring MVC注解@RequestBody 接受前台传递的json字符串,并返回新的json字符串到前台;
- 前台接受后台传递过来的json数据,并显示。
![8486b9c75c52d69bf565974b6b43e1e4.jpe](https://i-blog.csdnimg.cn/blog_migrate/b90e2733fa3ed2c50aa26cc3f9987659.png)
2. 前台界面和js
![](https://i-blog.csdnimg.cn/blog_migrate/26cab7dd9359b46a3c072ff0e953450a.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://i-blog.csdnimg.cn/blog_migrate/76a62138cf2fed686016654864726180.png)
3. 后台java代码
![](https://i-blog.csdnimg.cn/blog_migrate/d4f2fc30ca32d62551b9ca5ecb12779d.png)
http://localhost:8080/SpringMVCTest/test/index.action 请求后,返回index.jsp界面,如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/5d89e79c5083a5d16f08cae39044060d.png)
点击后会请求jsonDataReq
![](https://i-blog.csdnimg.cn/blog_migrate/0b535970eabaec3db48955abff57e482.png)
这是person.java类
![](https://i-blog.csdnimg.cn/blog_migrate/5669ff25dd465be04001f7b434743569.png)
4. 配置
web.xml
![](https://i-blog.csdnimg.cn/blog_migrate/4027fe863c04f91badf133014a149671.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://i-blog.csdnimg.cn/blog_migrate/f70f8934389d8fd8a01850b9615ff531.png)
applicationContext.xml
![](https://i-blog.csdnimg.cn/blog_migrate/92685274502ef641022c4809db11150b.png)
5. 结果
![](https://i-blog.csdnimg.cn/blog_migrate/d8446a0b0e7c1ced07ae730d9435012a.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4fa6224a5fa7b2069a361c19923c8c55.png)