跨源ajax“ POST”请求失败

Question

我有一个运行在localhost：8080上的webservice（REST），要调用此jquery代码使用的webservice：

jQuery.ajax({
        type: "POST",
        url: "http://localhost:8080/user/register",
        data: '{"name": "' + name + '","email": "' + email + '","password": "' + password + '"}',
         beforeSend: function(x) {
              if(x && x.overrideMimeType) {
               x.overrideMimeType(jsonMimeType);
              }
             },
        dataType:"jsonp",
        Accept : "application/json",
        contentType: "application/json",
        success: registerUser_success_callback,
        error: registerUser_error_callback
    });

当我尝试从同一个域（即localhost：8080）调用此javascript时，它就像一个超级字符一样起作用！ 这是相同的屏幕截图：

但是，当我尝试从其他域（即localhost：80）访问相同文件时，它失败了，令人惊讶的是，它发出了GET消息，而不是POST消息，而且我还在服务器的日志文件中得到了一条日志，说GET REST资源不支持该方法。 这是相同的屏幕：

从我在Internet上阅读的内容（尤其是在这里 ，很棒的文章！），跨域请求应该首先发出一个OPTIONS请求（将其缓存以备后用。）我的情况出了什么问题？

我尝试使用FireFox的插件RESTClient调用具有相同参数的rest服务，我能够成功调用rest service（POST方法），所以这主要是ajax部分的问题。

帮我解决这个问题！ lemme是否知道我是否需要分享更多详细信息。

PS：@A之后。 Wolff建议，我将数据类型从jsonp更改为json，现在我的浏览器发出了OPTIONS，但此后它不再发送实际的POST请求！

Answer 1

好吧，再挖一些，我找到了解决方案！

在更改A. Wolff建议之后，浏览器正在发送OPTIONS请求并收到200响应，但是在该实际POST请求未发送到服务器之后。

问题是，如果在我的情况下，如果发送任何特定的标头“ Content-Type”，则服务器必须在响应（OPTIONS请求的响应）的“ Access-Control-Allow-Headers”字段中添加该标头。 我更改了服务器端代码，以在响应标头中填充该字段，然后VOILA！

希望这对其他人也有帮助！

编码愉快。