跨源读取阻塞（CORB）

Question

我使用Jquery AJAX调用了第三方API。我在控制台中收到以下错误：跨源读取阻止（CORB）阻止了具有MIME类型application / json的跨源响应MY URL。有关详细信息，请参阅https://www.chromestatus.com/feature/5629709824032768。我使用以下代码进行Ajax调用：$.ajax({  type: 'GET',  url: My Url,  contentType: 'application/json',  dataType:'jsonp',  responseType:'application/json',  xhrFields: {    withCredentials: false  },  headers: {    'Access-Control-Allow-Credentials' : true,    'Access-Control-Allow-Origin':'*',    'Access-Control-Allow-Methods':'GET',    'Access-Control-Allow-Headers':'application/json',  },  success: function(data) {    console.log(data);  },  error: function(error) {    console.log("FAIL....=================");  }});当我在Fiddler中检查时，我得到的数据是响应但不是Ajax成功方法。请帮帮我。

Answer 1

 dataType:'jsonp',

您正在发出JSONP请求，但服务器正在使用JSON进行响应。

浏览器拒绝尝试将JSON视为JSONP，因为这会带来安全风险。（如果浏览器确实试图将JSON视为JSONP，那么它最多会失败）。

有关JSONP的更多详细信息，请参阅此问题。请注意，在CORS可用之前使用的同源策略是一个讨厌的黑客。CORS是一个更清洁，更安全，更强大的解决方案。

看起来你正试图制作一个跨原始的请求，并在一大堆相互矛盾的指令中抛出你能想到的一切。

您需要了解同源策略的工作原理。

有关详细指南，请参阅此问题。

现在关于你的代码的一些注释：

contentType: 'application/json',

使用JSONP时会忽略此项

您正在提出GET请求。没有请求体来描述其类型。

这将使跨域请求变得非简单，这意味着除了基本的CORS权限之外，您还需要处理飞行前的问题。

删除它。

 dataType:'jsonp',

服务器没有响应JSONP。

删除它。（您可以使服务器使用JSONP进行响应，但CORS更好）。

responseType:'application/json',

这不是jQuery.ajax支持的选项。删除它。

xhrFields：{withCredentials：false}，

这是默认值。除非您使用ajaxSetup将其设置为true，否则请将其删除。

  headers: {

    'Access-Control-Allow-Credentials' : true,

    'Access-Control-Allow-Origin':'*',

    'Access-Control-Allow-Methods':'GET',

    'Access-Control-Allow-Headers':'application/json',

  },

这些是响应标头。它们属于响应，而不是请求。

这将使跨域请求变得非简单，这意味着除了基本的CORS权限之外，您还需要处理飞行前的问题。