Google Places API请求中的错误

Question

我正在使用jQuery获取google地方API的获取请求，并且我获得了成功的响应，但数据未显示在我的页面上。这是我用来发送请求的代码，并且包含了2个开发工具向我展示的图片。

$('#button').click(function() { 
    $.ajax({ 
     type: 'GET', 
     dataType: 'jsonp', 
     url: "https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJh4vtq-kQsYkRET-Imf6RsuA&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", 
     success: function (data) { 
      $("#over_map").text(data.formatted_address); 
     } 
    }); 
}); 

开发工具的截图：

Answer 1

从Google Places place details API page，它看起来像服务器不支持JSONP。此外，API页面可以这样说：

Google Places API Web服务用于服务器应用程序。如果您正在构建客户端应用程序，请查看Google Places API for Android和Places Library in the Google Maps JavaScript API。

这使我相信CORS头可能不会被设置，因为谷歌希望你在服务器端而不是在客户端使用这个API。

我的建议是尝试在您的AJAX请求中更改dataType: 'jsonp',到dataType: 'json',，如果这会导致浏览器抛出原始错误，那么您需要制定一个服务器端解决方案，而不是您当前的客户端一。