javascript - 从 API 检索 JSON 数据

Question

我正在尝试使用 Quandl API 获得一个非常简单的 Stock API 以在 JSFiddle.net 上运行:https://www.quandl.com/blog/api-for-stock-data

如果我使用当前的 ".csv" 格式如下，我将返回一个 CSV 文件。如果我在我的 API 中将格式更改为 ".json"，我该如何恢复数据以便我可以在网站上使用它？

我相信我需要使用 getJSON 命令，但我对它的工作原理感到困惑。有人可以帮帮我吗？

HTML:

<input type="text" id="symbol">
<button id="getPrice">Get Price!</button>
<div id="result">Stock Market Ticker</div>

JavaScript:

function getPrice() {
  var symbol = $("#symbol").val();

  var baseurl = "https://www.quandl.com/api/v3/datasets/WIKI/";
  var stock = symbol+".csv";
  var endurl = "column_index=4&rows=1&api_key='8mii36sd1q46uLgSTkLm";
  var url = baseurl+ stock + "?" + endurl;

  $("#result ").html("<a href = '" + url + "' >Hyperlink</a>");

}

$("#getPrice ").click(getPrice);

我使用股票代码 KORS(.CSV 文件)的输出是:数据关闭 2016 年 1 月 5 日 40.72

Answer 1

我最近回复了 "How do I use a Quandl API?"使用以下代码段，您应该针对您的 JSON 进行调整:

var baseurl = "https://www.quandl.com/api/v3/datasets/WIKI/";
var endurl = "column_index=4&rows=1&api_key='8mii36sd1q46uLgSTkLm";
var quandlcode = "KORS"; // if is it's your choice?
var url = baseurl + quandlcode + ".json?" + endurl; // dont forget the "?"
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onload = function() {
    var data = JSON.parse(this.responseText).dataset.data;
    // {}.dataset.data is the data matrix in Quandl
    // for most datasets as far as I know ...
    // then process your own way
}
xhr.send();