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

Question

我尝试从 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

但我在从 geometry->location 获取“lat & lng”值并将其存储到 var 时遇到了问题。

ReferenceError: json 未定义

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

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

来自波兰的问候

Answer 1

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

JSONP 代表 JSON with Padding。

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>