过程中遇到的问题
在完成添加用户的时候出现了一个很奇怪的问题,以ajax的put方式请求时相关的controller拿不到请求体中的data。查了很久也不是很明吧是为什么,只是了解怎么去解决这个问题。
js代码如下:
$('#addUser').click(
function () {
var userName = document.getElementById("userName").value;
var passWord = document.getElementById("passWord").value;
var host = window.location.host;
//获取主机
var url = "http://" + host + "/user/addUser";
$.ajax({
type: "put",
url: url,
data:{userName: userName, passWord: passWord},
dataType: "json",
success: function (returnMap) {
if (returnMap.success) {
alert("添加成功");
window.location.reload();
} else {
alert("服务器忙,请稍后重试!");
window.location.reload();
}
}
})
}
)
controller代码如下
@RequestMapping(value="/addUser",method = RequestMethod.PUT)
public ActionReturnUtil addUser(User user)throws Exception{
return userService.addUser(user);
}
请求能够顺利发送到后台,但是却并不能获取数据,插入数据库的全是空值。如下图所示:
解决方法
解决方法有两种
1,直接在web.xml中配置spring mvc的HttpPutFormContentFilter过滤器,不需要修改任何代码,但是只支持PUT请求,delete请求中的参数还是无效。
<filter>
<filter-name>HttpMethodFilter</filter-name>
<filter-class>org.springframework.web.filter.HttpPutFormContentFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>HttpMethodFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
2,配置spring mvc的HiddenHttpMethodFilter过滤器。
<filter>
<filter-name>HttpMethodFilter</filter-name>
<filter-class>org.springframework.web.filter.HttpPutFormContentFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>HttpMethodFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
修改js代码
$('#addUser').click(
function () {
var userName = document.getElementById("userName").value;
var passWord = document.getElementById("passWord").value;
var host = window.location.host;
//获取主机
var url = "http://" + host + "/user/addUser";
$.ajax({
type: "post",//注意变化
url: url,
data:{userName: userName, passWord: passWord,_method:put},//注意变化
dataType: "json",
success: function (returnMap) {
if (returnMap.success) {
alert("添加成功");
window.location.reload();
} else {
alert("服务器忙,请稍后重试!");
window.location.reload();
}
}
})
}
)
这样HiddenHttpMethodFilter会将该post请求转换为put再交给controller处理。
该问题出现的可能情况是tomcat9不支持put和delete,因为这jQuery中的ajax是可以发送put和delete请求的,它不同于from表单请求。而且使用谷歌浏览器也是支持这两种请求的。所以私认为是tomcat的问题,希望了解的小伙伴不吝赐教。
前后端分离
由于是想采用前后端分离的架构,所以还需要加一个登录过滤器防止用户直接访问静态资源。
过滤类LoginFilter
package com.godwei.ssmframe.util;
import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;
public class LoginFilter implements Filter {
private FilterConfig config;
@Override
public void init(FilterConfig filterConfig) throws ServletException {
this.config = filterConfig;
}
@Override
public void doFilter(ServletRequest servletRequest,
ServletResponse servletResponse,
FilterChain filterChain)
throws IOException, ServletException {
HttpServletRequest request = (HttpServletRequest) servletRequest;
HttpServletResponse response = (HttpServletResponse) servletResponse;
HttpSession session = request.getSession();
String noLoginPaths = config.getInitParameter("noLoginPaths");
String charset = config.getInitParameter("charset");
if (charset == null) {
charset = "UTF-8";
}
request.setCharacterEncoding(charset);
if (noLoginPaths != null) {
String[] strArray = noLoginPaths.split(";");
for (int i = 0; i < strArray.length; i++) {
if (strArray[i] == null || "".equals(strArray[i])) continue;
if (request.getRequestURI().contains(strArray[i])) {
filterChain.doFilter(servletRequest, servletResponse);
return;
}
}
}
if (session.getAttribute("user") != null) {
filterChain.doFilter(servletRequest, servletResponse);
} else {
response.sendRedirect(request.getContextPath() + "/login.html");
}
}
@Override
public void destroy() {
}
}
配置web.xml
<filter>
<filter-name>loginFilter</filter-name>
<filter-class>com.godwei.ssmframe.util.LoginFilter</filter-class>
<init-param>
<param-name>noLoginPaths</param-name>
<param-value>/login;.js;.css;.woff;.ttf;.eot;.svg</param-value>
</init-param>
<init-param>
<param-name>charset</param-name>
<param-value>UTF-8</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>loginFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
demo的GitHub地址 https://github.com/GodweiFighting/web_SSMframe.git