【转】传统的SpringMVC项目如何使用ajax发送PUT或DELETE请求?

转载

全栈测试笔记 2023-01-29 10:25:20

一、方式一：将 POST 请求转化为相应的 PUT 和 DELETE 请求

1. 在 Web.xml 中添加如下配置：用于将 POST 请求转化为相应的 PUT 和 DELETE 请求。

<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>

2. 发送 Rest 风格的 Ajax 请求：

① 发送 PUT 请求：

$.ajax({
    url:"${pageContext.request.contextPath}/emp/" + id,
    type:"POST",
    data:$("#empModal form").serialize() + "&_method=PUT",
    success:function (result) {
        // 请求成功后的回调函数
    }
});

② 发送 DELETE 请求：只需将 “&_method” 的值改为 “DELETE” 即可。

$.ajax({
    url:"${pageContext.request.contextPath}/emp/" + id,
    type:"POST",
    data:$("#empModal form").serialize() + "&_method=DELETE",
    success:function (result) {
        // 请求成功后的回调函数
    }
});

二、方式二：直接发送 PUT 和 DELETE 请求：

1. 在 web.xml 中配置过滤器：

添加该过滤器的原因，可参考：javascript:void(0)

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

2. 发送 Ajax 请求：

① 发送 PUT 请求：

$.ajax({
    url:"${pageContext.request.contextPath}/emp/" + id,
    type:"PUT",
    data:$("#empModal form").serialize(),
    success:function (result) {
        // 请求成功后的回调函数
    }
});

② 发送 DELETE 请求：

$.ajax({
    url:"${pageContext.request.contextPath}/emp/" + id,
    type:"DELETE",
    data:$("#empModal form").serialize(),
    success:function (result) {
        // 请求成功后的回调函数
    }
});