web项目如何支持DELETE、PUT请求

古城微笑少年丶 2022-03-17 00:38 333阅读 0赞

转自[liuyuanjiang109][]：[https://blog.csdn.net/liuyuanjiang109/article/details/78972644][https_blog.csdn.net_liuyuanjiang109_article_details_78972644]  
ajax使用restful服务发送put 和 delete 请求时直接传参会出现问题

一，采用POST  + \_method:delete/put  + filter 的方法  
ajax发送put 和 delete 请求时,需要传递参数，如果参数在url地址栏上，则可以正常使用，

如果在 data：中需要传递参数，（浏览器会使用表单提交的方式进行提交） 则需要注意此时应作如下修改：

1.  请求方式设置为    type："post",

2. 在data中加入 \_\_method:"DELETE",或者 \_method:"PUT" 参数 ，

data:\{\_method:"DELETE", id:issueId,userId:userId\},  
3.后台的controller 仍为对应的DELETE 请求

@RequestMapping(value="/answer/\{answerId\}",method=RequestMethod.DELETE)  
public ResponseResult deleteAnswer(@PathVariable("answerId")int answerId,Issue issue)\{  
    //可自动封装成对象时，可直接采用对象参数  
\}  
4.需要配置相应的filter(如果使用Spring Boot 则会自动配置）

<filter>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        
        <servlet-name>springmvc</servlet-name>    
    </filter-mapping>

ajax代码如下 ：

var r=confirm("确认删除该？");
    if(r){
      $.ajax({
        url:"http://localhost:8888/answer/"+answerId,
        type:"POST",
        data:{_method:"DELETE", id:issueId,userId:userId},
        dataType:"json",
        success:function(result){
            }
                                
       },
                
     });

PS:如果使用springboot则可免去第4步，因为springboot启动时会加载HiddenMethodFilter  
二，仍然使用PUT DELETE 请求  
1.仍然使用put和delete请求，并且需要传递参数的时候data需要设置为json字符串

客户端需要使用@RequestBody标注

@RequestMapping(value="/answer/{answerId}",method=RequestMethod.DELETE)
    public ResponseResult deleteAnswer(@PathVariable("answerId")int answerId,@RequestBody Issue issue){
        
    }

最后如果前端报错 提示 Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response ， 可参考如下解决方案

https://stackoverflow.com/questions/12409600/error-request-header-field-content-type-is-not-allowed-by-access-control-allow

可以写一个过滤器

@WebFilter(servletNames={"dispatcherServlet"})//可配置对应的请求servlet 此处使用 springMVC 
    public class AjaxFilter implements Filter{
        
        public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
                throws IOException, ServletException {
            HttpServletResponse httpServletResponse=(HttpServletResponse) response;
            httpServletResponse.setHeader("Access-Control-Allow-Origin", "*");
            httpServletResponse.setHeader("Access-Control-Allow-Methods","GET,POST,DELETE,PUT");
            httpServletResponse.setHeader("Access-Control-Allow-Headers","Origin,X-Requested-With,Content-Type,Accept");              
            chain.doFilter(request, response);      
        }
     
       
     
    }

[liuyuanjiang109]: https://blog.csdn.net/liuyuanjiang109
[https_blog.csdn.net_liuyuanjiang109_article_details_78972644]: https://blog.csdn.net/liuyuanjiang109/article/details/78972644