javascript - Soundcloud API - Access-Control-Allow-Origin 不允许 Origin

Question

作为 Play playlist or track by permalink not trackid 的后续行动:提供的解决方案似乎在任何地方都可以正常工作，除了 Mac 上的 Safari。

在 Mac 上的 Safari 上我们看到XMLHttpRequest 无法加载 http://api.soundcloud.com/playlists/ .json?client_id=..., Access-Control-Allow-Origin 不允许来源

由于我们已将 JavaScript 嵌入到另一个站点 (Confluence)，所以这有点复杂。独立 fiddle 在 Safari 上运行良好。

来自 XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin我怀疑问题与 jsonp 有关，但实际上这超出了我的专业知识范围。

感谢任何建议。

谢谢，马丁。

Answer 1

您可以尝试使用 JSONP 方法。这是一个 updated fiddle使用 JSONP 而不是 XMLHttpRequest。主要区别在于 getSoundCloudId() 方法和添加的全局 jsonpResponse() 方法。

function getSoundCloudId(permalink) {
  var jsonp   = document.createElement('script');
  var script  = document.getElementsByTagName('script')[0];
  jsonp.type  = 'text/javascript';
  jsonp.async = true;
  jsonp.src   = 'http://api.soundcloud.com/resolve.json?client_id='+CLIENT_ID 
              + '&url='+permalink+'&callback=jsonpResponse';
  script.parentNode.insertBefore(jsonp, script);
  return false;
}