使用 Ajax 發送的PUT、DELETE請求

一、 方式一：將 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 中配置過濾器：

    添加該過濾器的原因，可參考：https://www.cnblogs.com/lveyHang/p/11791412.html

<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) {
        // 請求成功后的回調函數
    }
});