Question

这可能是另一个＆＃34;我恐龙＆＃34;问题，但我只是从front-end开始。

所以我构建了应用程序，通过JSON返回URL：

http://localhost:8080/json

然后返回：

{"id":41,"content":"Hello, World!"}

开发工具：

Remote Address:[::1]:8080
Request URL:http://localhost:8080/json
Request Method:GET
Status Code:200 OK

我已经成功创建了＆＃34;网络应用程序＆＃34;使用以下代码：

<!DOCTYPE html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
</body>
<script>
    $.getJSON("http://localhost:8080/json", function(response) {
        alert(response);
    });
</script>
</html>

当我启动它时，我可以在控制台上看到：

XMLHttpRequest cannot load http://localhost:8080/json. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'null' is therefore not allowed access.

为什么这个东西不想合作。我在这里失踪了什么？

Answer 1

当你的＆＃34; Webapplication＆＃34;不在Access-Control-Allow-Origin下托管在localhost上的Web服务器：8080需要允许您执行XMLHttpRequest。这必须通过HTTP Header Access-Control-Allow-Origin（也可以包含每个站点的*或者＃34; Web应用程序＆＃34的URL）来完成。

AJAX＆amp; jQuery $ .getJSON（...）抛出XMLHttpRequest

1 个答案: