Ошибка в запросе API Google Адресов

Question

Я делаю запрос на получение API google go, используя jQuery, и получаю успешный ответ, но данные не отображаются на моей странице. Это код, который я использую для отправки запроса, и я включил 2 снимка того, что показывают инструменты dev.

$('#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); 
     } 
    }); 
}); 

Dev инструменты скриншоты:

Answer 1

Из Google Places place details API page, это выглядит как сервер не поддерживает JSONP. Кроме того, на странице API есть это:

Веб-сервис API Google Places предназначен для использования в серверных приложениях. Если вы создаете клиентское приложение, взгляните на Google Places API for Android и Places Library in the Google Maps JavaScript API.

Это заставляет меня думать, что заголовки CORS, вероятно, не будут установлены, поскольку Google ожидает, что вы будете использовать этот API на стороне сервера, а не на стороне клиента.

Моя рекомендация состоит в том, чтобы попытаться изменить dataType: 'jsonp', на dataType: 'json', в вашем запросе AJAX, и если это заставляет браузер выкидывать исходную ошибку, тогда вам нужно будет выработать решение на стороне сервера вместо текущей клиентской стороны один.