首页 > 其他分享 >【转】传统的SpringMvc项目如何使用ajax发送PUT或DELETE请求?

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

时间:2023-01-24 21:34:23浏览次数:57  
标签:function 请求 SpringMvc 发送 ajax PUT DELETE

原文:https://www.cnblogs.com/lveyHang/p/11790488.html

 

一、 方式一:将 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) {
        // 请求成功后的回调函数
    }
});

  

说明

springboot不需要配置过滤器,已经内置了过滤器,直接写put、delete发请求即可。

 

标签:function,请求,SpringMvc,发送,ajax,PUT,DELETE
From: https://www.cnblogs.com/uncleyong/p/17066409.html

相关文章