Access-Control-Allow-Origin html5 不允许 Origin null答案

【问题标题】：Origin null is not allowed by Access-Control-Allow-Origin html5Access-Control-Allow-Origin html5 不允许 Origin null
【发布时间】：2013-06-28 22:15:27
【问题描述】：

我正在尝试通过调用 API 从 GOOGLE API for POI 检索“类型”数据，获取 JSON 对象，然后将其打印出来。对 URL 的调用工作正常并返回一个 JSON 对象，但每次我尝试访问它，甚至在屏幕上打印它时，我都会在 Chrome 的控制台上收到错误“Access-Control-Allow-Origin 不允许 Origin null”。我也尝试过使用 $.getJSON 并包含 callback=?在 URL 中，但没有运气......欢迎任何帮助。

<html>
<head>
<meta charset="UTF-8">
<title> Google Geolocation Test </title>
<script src="js/jquery-1.9.1.min.js"></script>

<script>
var url = 'https://maps.googleapis.com/maps/api/place/search/json?location=51.2780637,1.0852839&radius=0.1&sensor=true&key=MYKEY&callback=?';

 $.getJSON(url, function(data) {
    console.log(data);

})

</script>

</head>

<body>

</body>
</html>

【问题讨论】：

标签： json html google-api

【解决方案1】：

如果见过很多人遇到这个问题。谷歌显然让你别无选择，只能通过服务器连接将 API 用于地图。对于那些只希望使用谷歌地图 API（在谷歌提供的 JSON 中）来检索地点信息的人，我建议使用 FourSquare 的 API，它允许跨平台查询，而谷歌地图显然不这样做。

因此，至于解决方案，您可以使用上面的代码，但将 var url 的内容替换为：

https://api.foursquare.com/v2/venues/search?ll=40.7,-74&radius=10&oauth_token=YOURKEY&v=20130628&callback=?

您可以通过https://developer.foursquare.com/注册获得密钥和完整代码

【讨论】：