Question

我有这个脚本和test html page。

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script>
        var xhr = new XMLHttpRequest(); //Request the data
        xhr.open('POST','http://gaben.capyspool.co.uk/gabencoin/public/index.php?page=api&action=getpoolstatus&api_key=72f3fd60d9a536215a6f6f92938592a60f919586635d7d0dedcf6a394888c435',true);
        xhr.send();
        xhr.onreadystatechange = function() {
        if (this.readyState === 4) { //When it's ready
            var data = JSON.parse(this.responseText); //Parse the data
            document.getElementById('output').textContent = data.getpoolstatus.data.hashrate; //And here it is!
        }
       }
    </script>
</head>
<body>
    <div id="output"></div>
</body>
</html>

此脚本基本上从JSON文件中获取一个值，该文件由URL访问，然后在div标签中表示，其id为＆＃39; output＆＃39;。它按预期工作，as seen here（它返回值0或更大，这对于发布时间是正确的）。但是，当我将完全相同的脚本放在目录/ home中时，脚本无法正常工作并给出了这个错误：

    XMLHttpRequest cannot load http://gaben.capyspool.co.uk/gabencoin/public/index.php?page=api&action=get…s&api_key=72f3fd60d9a536215a6f6f92938592a60f919586635d7d0dedcf6a394888c435. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://capyspool.co.uk' is therefore not allowed access.

你可以在这里看到：www.capyspool.co.uk/home/test.html（不能发布2个以上的链接）。 JSON文件的位置位于名为＆＃39; gabencoin＆＃39;的子目录中。我猜这个剧本认为＆＃39; gabencoin＆＃39;是一个完全不同的网站。该文件托管在同一服务器和域上，如何获取它以便我可以将值加载到目录＆＃39; / home＆＃39;？猜测我将不得不使用JSONP，但是，我已经接近了解JavaScript和XML的经验。

如何在父目录中使用此JavaScript？

0 个答案: