ssm实现增删改查

过程中遇到的问题
在完成添加用户的时候出现了一个很奇怪的问题,以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

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值