javascript – 同步CORS XHR 302重定向失败,但异步工作

Firefox似乎是唯一一个在执行此同步请求时不会抛出错误的浏览器,任何想法为什么？

// Make sure to have your JS console open when you run this
var url = '//api.soundcloud.com/resolve.json?url=http://soundcloud.com/matas/hobnotropic&client_id=83f67039ae0c3790030d256cb9029678';
var xhr = new XMLHttpRequest();
xhr.open('GET', url, false); // SYNCHRONOUS
xhr.onload = alert.bind(null, 'Loaded');
xhr.send(null);

执行几乎相同的异步XMLHttpRequest不会导致错误,并且请求按预期完成：

// Make sure to have your JS console open when you run this
var url = '//api.soundcloud.com/resolve.json?url=http://soundcloud.com/matas/hobnotropic&client_id=83f67039ae0c3790030d256cb9029678';
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true); // ASYNCHRONOUS
xhr.onload = alert.bind(null, 'Loaded');
xhr.send(null);

据我所知：

> SoundCloud API返回正确的CORS头.
> SoundCloud resolve API执行302重定向到http://api.soundcloud.com/tracks/49931.json.
>如果请求是异步执行的,它将成功执行重定向并完成.
>如果请求是同步执行的,那么它将在控制台中出现以下错误(无Firefox)时失败：

> Chrome：“NetworkError：发生网络错误.”
> Opera：“NetworkError：发生网络错误.”
> Safari：“XMLHttpRequest异常101：同步请求中发生网络错误.”

任何人都可以解释为什么同步请求失败？为什么它会因为这样一个奇怪的错误而失败,特别是因为同一个请求在异步执行时有效？为什么这个参数有所作为？这是Firefox或WebKit / Blink人群的已知错误吗？

编辑：我是opened a new issue on Chrome’s bug tracker,因为还没有人能够在规范中指出能够正确解释这种行为的任何内容.当我有机会时,我可能会为WebKit打开一个类似的问题.

解决方法:

这似乎是为了阻止使用同步请求而做出的慎重选择：

> w3网络应用邮件列表：Disable new response types for sync XHR in Window context
> w3 bug：Investigate if synchronous XHR in window context should not support new XHR responseTypes
> Webkit：Synchronous XHR in window context should not support new XHR responseTypes for HTTP(S) requests
> Mozilla：Investigate if synchronous XHR in window context should not support new XHR responseTypes

从我的内容来看,IE似乎从未支持过它.

标签：javascript,ajax,google-chrome,xmlhttprequest,soundcloud
来源： https://codeday.me/bug/20190708/1407187.html