javascript - JQuery 不会获取 json？

Question

所以我正在尝试完成从 google 获取 json 数据的简单任务，但是这一点 jquery 代码不会运行。你能帮我找出原因吗？

  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){
    $.getJSON("http://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=false", function(jsondata) {
            alert(jsondata.status);
    });
  });
  </script>

最佳解决方案:添加“&callback=?”到网址的末尾。非常感谢大家的帮助!

Answer 1

是的，这绝对是一个同源策略错误。

似乎是最新版本的 Google Maps API (v3) does not support jsonp .因此，如果您想进行地理编码，您将需要使用 map API:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script>
    $(document).ready(function(){
        var loc = "1600 Amphitheatre Parkway, Mountain View, CA";
        var geocoder = new google.maps.Geocoder();
        geocoder.geocode( {'address': loc },
            function(data, status) { console.log(data); });
    });
</script>

其他选择:

• 使用“代理”服务，as ctcherry pointed out , 为您获取数据。
• 使用旧的 V2 API使用 JSONP，但您需要一个 map API key 。