Проблема с чтением JJuery Ajax JSON

Question

Я использую JQuery, чтобы попытаться прочитать JSON, и я продолжаю попадать в обработчик ошибок. Когда я проверяю DOM, все, что я вижу, это «ошибка» в statusText без каких-либо подробностей. Я попытался сохранить это в локальном файле и добавил раздел beforeSend для решения потенциальных проблем MIME на основе другого поста. Когда я открываю URL в браузере, он генерирует правильный JSON.

$.ajax({
type : "GET",
url : "http://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&sensor=true",
beforeSend : function(x) {
    if (x && x.overrideMimeType) {x.overrideMimeType("application/j-son;charset=UTF-8");}},
dataType : "application/json",
success : function(data) {
    alert("success" + data)},
error : function(y) {alert("failure" + y.statusText);}

});

Answer 1

В вашем коде нет ничего плохого. Проблема возникает из-за того, что вы пытаетесь выполнить междоменный запрос AJAX. Однако не все потеряно, потому что Google предоставляет свои сервисы Google Maps Javascript API V3 - клиентский API геокодирования.

Следующий полный пример кода (протестированный и работающий) предоставит вам доступ к нужному вам объекту JSON. В этом примере в окне предупреждения будет отображаться «Williamsburg, NY, USA» - первый адрес formatted_address.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript">
$(document).ready(function() {
    var geocoder = new google.maps.Geocoder();
    var input = "40.714224,-73.961452";
    var latlngStr = input.split(",", 2);
    var lat = parseFloat(latlngStr[0]);
    var lng = parseFloat(latlngStr[1]);
    var latlng = new google.maps.LatLng(lat, lng);
    geocoder.geocode({ 'latLng': latlng }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            if (results[1]) {
                alert(results[1].formatted_address);
            }
        } else {
            alert("Geocoder failed due to: " + status);
        }
    });
});
</script>