有什么方法可以纯粹从浏览器客户端访问这个 JSON 提要？

Question

我想为 last.fm 创建一个客户端。我的音乐“电台”提要在这里，采用 JSON 格式：http://www.last.fm/player/station/user/skeftomai/mix。

但是，当我尝试通过 $.getJSON() 访问它时，我得到了

请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://my.exampledomain.com' 因此不允许访问。

很遗憾，我们在 last.fm 结束时遇到了 CORS 问题。我想解决这个问题。以下是我尝试过的一些事情：

1. AJAX。这会失败并出现 Access-Control-Allow-Origin 错误。
2. 一个 iframe，其中 document.domain 设置为“www.last.fm”或“last.fm”。这会因 SAMEORIGIN iframe 错误而失败。
3. JSONP。很遗憾，此提要似乎不支持 JSONP。
4. 一个 <script> 标记，其中 src 指向提要 link。不幸的是，$('#scriptTagId').html() 是空的。
5. 闪光。但不幸的是，他们遇到了同样的跨域问题。
6. Java 小程序。太重了，可能每个人都没有安装JVM，可能会遇到同样的跨域问题。

我很确定我可以使用 Web 代理，客户端利用服务器大小的代理来检索提要……但我真的非常希望这是一个没有服务器的纯客户端应用程序-边。我想在 CDN（S3 + Cloudfront）上托管它。

有没有办法解决这个问题？

Answer 1

不，仅使用浏览器无法解决您的要求。如果第 3 方站点不支持 CORS 或 JSONP，除非您控制第 3 方站点或可以使用您自己的服务器（或任何第 3 方代理，如 YQL）来获取数据，否则您将别无选择。

这里是 YQL：

$.getJSON('https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url%3D\'http%3A%2F%2Fwww.last.fm%2Fplayer%2Fstation%2Fuser%2Fskeftomai%2Fmix\'&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=?', function (response) {
    console.log(response.query.results.json);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>