跨域请求无法在 Safari 中使用 SoundCloud

Question

我根本无法在 Safari 中获得 json 响应，调用 SoundCloud 的 API。

var inputSet={url:setUrl},
    clientId={client_id:client_id};
$.getJSON( "https://api.soundcloud.com/resolve.json", $.extend(inputSet, clientId), function( data ) {
console.log(data);
});

这会在 Safari 中返回 Origin Access-Control 错误，但在 Chrome 中不会。 CORS 根本不工作。

看到 CORS not working at all，实现了“工作”答案，完全相同的错误，只有 Safari。

添加回调参数不会返回该错误，但会返回 ajax 错误 "parsererror" SyntaxError {} 我认为是由于响应仍然是 json 而不是 jsonp。这在任一浏览器中都不起作用。

就目前而言，我无法让这个跨域请求在 chrome 中工作，即使文档

https://developers.soundcloud.com/docs#crossdomain

说我可以。

Safari 网络选项卡：

Safari 响应：

[Error] Failed to load resource: Origin https://seam.li is not allowed by Access-Control-Allow-Origin. (17235000.json, line 0)
[Error] XMLHttpRequest cannot load https://api.soundcloud.com/playlists/17235000.json?client_id=CLIENT_ID. Origin https://seam.li is not allowed by Access-Control-Allow-Origin. (seam.li, line 0)

链接页面在浏览器中加载正常。

Answer 1

使用其他 URL 似乎可以正常工作。问题在于/resolve.json，它使用 302 重定向将您发送到正确的 API URL，但它与 Safari 不兼容。

根据 SoundCloud API 文档：

当您只知道 SoundCloud.com URL 时，解析资源允许您查找和访问 API 资源。

如果您不需要此功能，我建议直接使用 URL。这是一个工作示例。

$.getJSON("https://api.soundcloud.com/playlists/17235000.json?client_id=CLIENT_ID", 
    function( data ) {
        console.log(data);
});