从json(谷歌地理编码api)获取某些数据

Question

我尝试从谷歌地理编码 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

但是我遇到了问题，只能从几何>位置获取"纬度和液化天然气"值并将其存储到变量中。

引用错误：未定义 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>