AJAX&；jQuery$.getJSON（…）抛出XMLHttpRequest_Jquery_Ajax_Json

AJAX&；jQuery$.getJSON（…）抛出XMLHttpRequest

jquery ajax json

AJAX&；jQuery$.getJSON（…）抛出XMLHttpRequest,jquery,ajax,json,Jquery,Ajax,Json,这可能是另一个“我是恐龙”的问题，但我只是从前端开始所以我构建了一个应用程序，它通过URL返回我JSON： 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 我用以下代码创建了“web应

这可能是另一个“我是恐龙”的问题，但我只是从前端开始

所以我构建了一个应用程序，它通过

URL

返回我

JSON

：

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

我用以下代码创建了“web应用程序”：

<!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>

究竟为什么这件事不想合作。这里我遗漏了什么？

当您的“Web应用程序”未在

访问控制允许来源下托管时，localhost:8080上的Web服务器需要允许您执行XMLHttpRequest。
这必须由HTTP头访问控制允许源（也可以包含每个站点的*或“Web应用程序”的url）完成。如果页面的主机名与localhost:8080不匹配，则除非正确设置CORS（跨源资源共享），否则您将获得XMLHttpRequest异常只需从本地主机（或其他主机）运行html文件即可。。这将解决它：）XMLHTTPRequests受同一来源政策的约束：感谢各位的快速响应！既然我使用Spring来创建它，我应该在后端的某个地方提供它？除此之外，代码看起来还不错？对于测试，我建议将html文件也放在提供json的Web服务器上，rest应该可以工作。
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.