接收AJAX提交json数据
1.pom.xml中添加servlet-api依赖
在前后端分离项目中,前端的 ajax 会向服务器端提交 json 数据,SpringMVC也可以直接接收 json 数据。
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>4.0.0</version>
<scope>provided</scope>
</dependency>
2.添加CORS过滤器
package com.tbcxc.filter;
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebFilter("/*")
public class CorsFilter implements Filter {
private static final String HttpServletRequest = null;
public void destroy() {
// TODO Auto-generated method stub
}
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
HttpServletRequest req = (HttpServletRequest)request;
HttpServletResponse resp = (HttpServletResponse)response;
//设置允许跨域
resp.setHeader("Access-Control-Allow-Origin",req.getHeader("Origin"));
//设置开启Cookie
resp.setHeader("Access-Control-Allow-Credentials", "true");
chain.doFilter(request, response);
}
public void init(FilterConfig fConfig) throws ServletException {
}
}
3.使用axios提交
设置 Axios 默认开启跨域请求:axios.defaults.withCredentials = true;
!!!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://unpkg.com/axios/dist/axios.js"></script>
<script src="https://cdn.bootcss.com/qs/6.5.1/qs.min.js"></script>
</head>
<body>
<button onclick="hello()">提交</button>
<script>
axios.defaults.withCredentials = true;
let user = {
userId:1,
userName:'zhangsan'
};
function hello() {
axios.post('http://localhost:8089/springMVC/emp/getUser',Qs.stringify(user))
.then(response=>{
console.log(response.data);
}).catch(error=>{
console.log(error);
});
/*
axios.get('http://localhost:8080/smvc/user/hello',{params:user})
.then(response=>{
console.log(response.data);
}).catch(error=>{
console.log(error);
});
*/
}
</script>
</body>
</html>
4.处理器方法返回值
在Spring MVC中,处理器方法(Controller method)的返回值主要用于处理HTTP请求并生成HTTP响应。处理器方法返回值可以是各种类型,但通常主要是以下几种类型:
(1)String:当返回一个字符串时,Spring MVC会将其视为一个逻辑视图名称,然后试图找到一个与该名称匹配的视图解析器以渲染该视图。
例如:
return "success";
(2)ModelAndView:这是一个包含模型数据和视图信息的对象。ModelAndView对象可以指定要使用的视图,以及要传递给该视图的模型数据。
例如:
ModelAndView modelAndView = new ModelAndView(); modelAndView.setViewName("success"); modelAndView.addObject("message", "Hello World!"); return modelAndView;
(3)HttpEntity或ResponseEntity:这些类型用于处理带有自定义响应头或状态码的响应。它们通常用于RESTful API开发。
例如:
ResponseEntity<String> responseEntity = new ResponseEntity<>("Hello World!", HttpStatus.OK); return responseEntity;
(4)View:直接返回一个View对象,这样可以由Spring MVC直接渲染指定的视图。
例如:
View view = new View() { ... };
return view;(5)void:如果处理器方法的返回类型为void,那么Spring MVC会认为该方法不需要生成任何响应,通常用于如重定向或异步任务等情况。 例如:
void return null;
需要注意的是,处理器的返回值必须是以上列举的类型之一,否则Spring MVC可能无法正确地处理你的方法返回值。
5.返回json
在Spring MVC中,如果处理器方法(Controller method)返回一个JSON对象,Spring会自动将其转换为HTTP响应的JSON内容。
1.首先,在pom.xml文件中添加jackson依赖:
<!-- jackson相关依赖 -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.9.0</version>
</dependency>
2.服务器端代码(controller):
@RequestMapping("/getUser")
public List<User> getUser(User user) {
List<User> list = new ArrayList<User>();
list.add(new User(1,"lisi"));
list.add(new User(2,"wangwu"));
list.add(new User(3,"zhaoliu"));
return list;
}
注意:
1. springmvc-servlet.xml 配置文件中必须要有 mvc:annotation-driven 标签配置。这里配置了json转换解析器。
2. 只要 SpringMVC 的处理器返回值设置为对象,或者集合,那么就能返回 json 数据。
6.测试及运行结果
在浏览器输入:http://localhost:8089/springMVC/emp/getUser
运行结果:
7.如何搭建SpringMVC运行环境
链接: link