Ajax向后端发送PUT请求的两种方法

最新推荐文章于 2024-01-18 22:19:29 发布

原创最新推荐文章于 2024-01-18 22:19:29 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #前端

本文介绍两种将POST请求转换为PUT请求的方法：一是通过HiddenHttpMethodFilter实现，二是直接发送PUT请求并结合FormContentFilter解决Tomcat接收参数问题。文中详细展示了如何配置过滤器及Ajax调用示例。

文章目录

一、将POST请求修改为PUT请求
二、直接发送PUT请求

一、将POST请求修改为PUT请求

通过HiddenHttpMethodFilter过滤器将POST请求修改为PUT请求
需要传入参数_method=put

Ajax代码

$.ajax({
    type : "post",
    url : basePath + "/emp/" + $("#update_emp_btn").attr("update-id"),
    data : $("#empUpdateModel form").serialize() + "&_method=put",
    success : function (result){
        alert("处理成功！");
    }
})

web.xml

	<filter>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

二、直接发送PUT请求

由于Tommcat版本的问题，直接发送PUT请求，后端不能获取发送过来的参数，需要使用FormContentFilter过滤器包装请求，重写getPatamter方法。

Ajax代码

$.ajax({
    type : "PUT",
    url : basePath + "/emp/" + $("#update_emp_btn").attr("update-id"),
    data : $("#empUpdateModel form").serialize(),
    success : function (result){
        //关闭模态框
        $("#empUpdateModel").modal("hide");
        //跳转为当前页数
        toPage(currentPage);
    }
})

web.xml

	<filter>
        <filter-name>FormContentFilter</filter-name>
        <filter-class>org.springframework.web.filter.FormContentFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>FormContentFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>