自定义谷歌位置搜索返回$.ajax()错误

Question

我正在从https://developers.google.com/places/documentation/search

添加api密钥后这个url

https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522151.1957362&半径=500&types=食物&name=海港&传感器=错误&key=

在浏览器中给了我很好的json响应。但每当我想用JQuery.Ajax（）解析这些响应时，它都会给我一个错误。

我找不到这个错误背后的原因。我该如何解决这些问题？谢谢

JS:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&libraries=places"></script>

 <script type="text/javascript">
    $(document).ready(function() {
        $("#submit").click(function(event){
            var url="https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=harbour&sensor=false&key=<myKey>";
            $.ajax({
                url: url,
                type:'POST',
                dataType: 'json',
                success: function(data)
                {
                    alert("success");
                },
                error:function(){
                    alert("error");
                }
            });
        });
    });
</script>

Html:

<button id="submit">press</button>

Answer 1

无法通过AJAX访问链接的资源，因为访问受到同源策略的限制，并且不支持JSONP。

使用javascript位置库的nearbySearch在客户端获取结果。

Answer 2

数据类型：'jsonp'，

这对我有用！！