Question

我正在尝试使用以下JavaScript代码从Quandl.com上的高级API检索数据，并将结果显示在浏览器中。 JS文件和HTML文件都在我的本地计算机上，但是将代码合并到我的网页上时，也会出现以下问题：

第一个公共API URL（在注释字段中被停用的URL）可以正常工作并返回预期的数据。第二个高级API URL在我的Google Chrome控制台中导致以下错误：

在以下位置访问XMLHttpRequest 'https://www.quandl.com/api/v3/datatables/SHARADAR/SEP.json?ticker=AAPL&api_key=xxxxx' 来自原点“ null”的数据已被CORS政策阻止：否请求中存在“ Access-Control-Allow-Origin”标头资源。

什么可能导致此问题，并且有办法更改javascript代码以解决此问题？

JavaScript（quandldata.js）：

/*! var url = "https://www.quandl.com/api/v3/datasets/CURRFX/JPYSEK.json" */

var url = "https://www.quandl.com/api/v3/datatables/SHARADAR/SEP.json?ticker=AAPL&api_key=xxxxxxxx"

function setup() {
noCanvas();
loadJSON(url, gotData);
}

function gotData(data) {
    var quandl = data.dataset.data
    createElement('h1', data.dataset.column_names);
    for (var i = 0; i < 5; i++){
        createP(quandl[i])
    }
}

HTML：

<!DOCTYPE html>
<html lang="en">
<head> 
    <meta charset="utf-8" />
    <title>QuandlData</title>
    <link href="quandldata.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="root"></div>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.20/p5.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.20/addons/p5.dom.min.js"></script>	
	<script src="quandldata.js"></script>
</body>
</html>

Quandl.com API：被CORS策略阻止访问XMLHttpRequest

0 个答案: