javascript - 如何在 URL 中请求不带 'callback' 的 jsonp

Question

我正在尝试从 Icecast 广播电台检索信息。 API提供 status-json.xsl 来获取这些数据。虽然格式是 xsl 但我相信它会返回一个 JSON 文件。

但是我注意到如果 url 包含 status-json.xsl&callback=1 则服务器不会返回数据...所以我正在寻找一种替代方法来获取数据而不会导致跨域错误..

这是我的代码:

var dataURL = "http://relay-chi.gameowls.com:8000/status-json.xsl" + "&callback=?";
$.getJSON(dataURL, function(data) {
  console.log(data);
});

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

以上代码报错:GET http://relay-chi.gameowls.com:8000/status-json.xsl&callback=jQuery2140976016339879229_1493590443216?_=1493590443217

既然 http://relay-chi.gameowls.com:8000/status-json.xsl 提供了正确的数据，我该如何在 jQuery 中访问它？

Answer 1

您不能添加 & 作为查询参数初始值设定项，而必须使用 ?。

所以 url 看起来像 http://relay-chi.gameowls.com:8000/status-json.xsl?callback=test&...

但是，我可以看到 API 不接受回调。

相反，您可以使用以下代码获取数据，但主机 .gameowls.com 不接受跨源请求! (打开浏览器控制台了解更多信息)

var dataURL = "http://relay-chi.gameowls.com:8000/status-json.xsl";

$.ajax( dataURL )
  .done(function(data) {
    console.log('data =>', data );
  })
  .fail(function() {
    console.log( "error");
  })

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