从 javascript Web 服务客户端发送 CORS POST 请求返回 http 405 错误答案

【问题标题】：Sending CORS POST request from javascript web-service client return http 405 error从 javascript Web 服务客户端发送 CORS POST 请求返回 http 405 错误
【发布时间】：2015-11-11 02:08:45
【问题描述】：

几天前，我实现了一个网络服务（客户端和服务器）。客户正在使用XMLHttpRequest() 发送请求，这很好。但是，今天我试图将发送请求从它更改为 jquery 的 $.ajax();大大地。

为此，这是我的客户端功能：

function ajaxQuery(){
  $.ajax({
   url: 'http://localhost:8080/recommender/sider/drugs',
   method:'POST',
   dataType: 'json',
   contentType: 'application/json',
   data: JSON.stringify({"uris":["SampleName1", "SampleName2", "SampleName3"],"limit":100 }),
   xhrFields: {
      withCredentials: true
   }
}).done(function(data) { console.log(data) });
}

这是我在服务器端使用的过滤器：

public class CORSFilter implements Filter {

    @Override
    public void doFilter(ServletRequest request, ServletResponse response,
                         FilterChain filterChain) throws IOException, ServletException {

        if (response instanceof HttpServletResponse) {
            HttpServletResponse alteredResponse = ((HttpServletResponse) response);
            addCorsHeader((HttpServletRequest) request, alteredResponse);
        }

        filterChain.doFilter(request, response);
    }

    private void addCorsHeader(HttpServletRequest request, HttpServletResponse response) {
        response.addHeader("Access-Control-Allow-Origin", "http://localhost:3000");
        response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE, HEAD");
        response.addHeader("Access-Control-Allow-Headers", "X-PINGOTHER, Origin, X-Requested-With, Content-Type, Accept, X-Requested-By");
        response.addHeader("Access-Control-Allow-Credentials", "true");
        response.addHeader("Access-Control-Max-Age", "1728000");
    }

    @Override
    public void destroy() {
    }

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
    }
}

不幸的是，当我发送这个 POST 请求时，我收到了 http 405 错误，这是我错误部分的屏幕截图。 https://www.dropbox.com/s/3wqlqkbnqwnjllx/Screenshot%202015-08-18%2011.27.29.png?dl=0

我应该如何处理这个问题？

【问题讨论】：

标签： javascript jquery web-services rest cors

【解决方案1】：

您实际上是在发送 GET 请求，而不是 POST。您在$.ajax 中使用了method。我怀疑你的 jQuery 版本低于 1.9.0，应该改用 type。

$.ajax({
   ...
   type:'POST',
   ...

根据文档 (http://api.jquery.com/jquery.ajax/)：

method 的别名。如果您使用的是 1.9.0 之前的 jQuery 版本，则应使用 type。

【讨论】：

【解决方案2】：

我认为您需要将数据类型更改为 jsonp

{dataType: 'jsonp'}

【讨论】：