从json(google geocode api)获取某些数据

时间:2018-04-19 10:07:56

标签: javascript jquery json api geocode

我尝试从google geocode api获取json请求中的某些数据。

我的代码如下所示:

$('#test').on('focusout', function() {
    var address = $('#ustreet').val() + " " + $('#ustreetnr').val() + ", " + $('#uplz').val(); 
    $('#uaddress').val(address);
    $.ajax({
        url: 'https://maps.googleapis.com/maps/api/geocode/json?address=' + address,
        dataType: 'jsonp',
        success: function(json) {
            console.log(json.geometry.location.lat);
            console.log(json);
        }
    });
});

我的请求结果很好,看起来像这样:

http://maps.google.com/maps/api/geocode/json?address=Celler%20Weg%2055,%2021079

但是我遇到的问题只是去了" lat& LNG"几何 - >位置的值并将其存储到var。

  

ReferenceError:未定义json

我肯定是一个JavaScript / jQuery初学者,但对于另一个使用其他API的项目,它的工作方式与我在这里尝试的方式相同......

我希望我能在这里得到一些帮助:)

来自波兰的问候

1 个答案:

答案 0 :(得分:2)

dataType: 'jsonp'更改为dataType: 'json'

  

JSONP代表填充的JSON。

dataType: jsonp用于跨域请求,即对不同域的请求。 dataType: json表示相同的域名相同的原始请求。



$.ajax({
    url: 'https://maps.googleapis.com/maps/api/geocode/json?address=Prunesstraat 4 opheusden',
    dataType: 'json',
    success: function(json) {
        console.log(json);
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;