Google Places API 请求中的错误

Question

我正在使用 jQuery 向 Google Places 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 网络服务用于服务器应用程序。如果您正在构建客户端应用程序，请查看 Google Places API for Android 和 Places Library in the Google Maps JavaScript API。

这让我相信可能不会设置 CORS 标头，因为 Google 希望您在服务器端使用此 API，而不是在客户端。

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