使用 JavaScript 的交换 API

Question

我正在使用 javascript 来使用此站点上的 API https://www.luno.com/en/api，但我不明白为什么我没有收到任何数据。如果我只是输入这个网址：https://api.mybitx.com/api/1/ticker?pair=XBTZAR 我确实会在浏览器中收到数据。

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);
    document.getElementById("luno").innerHTML = myObj.bid;
  }
};
xmlhttp.open("GET", "https://api.mybitx.com/api/1/ticker?pair=XBTZAR", true);
xmlhttp.send();

为什么没有返回任何东西？

Answer 1

CORS 请求有问题。

您可以在开发者控制台上看到类似的错误：

您不能从 JS 代码调用 API，因为 api.mybitx.com 会阻止跨域请求。

你有几个解决方案：

1. 创建自己的服务器端 API 方法。 从您的 JS 代码中调用此方法。 在 API 方法内部调用api.mybitx.com API 使用WebRequest 或RestSharp。

2. 如果你只想在JS代码上做，那么你需要使用EasyXDM库。

对我来说，第一个解决方案更简单、更正确。