我的脚本中有2个函数。功能1的目的是产生一个称为“ mapsURL”的网址
第二个功能的目的是使用“ mapsURL”运行.ajax请求
但是我在第二个函数中访问“ mapsURL”时遇到问题。我在第一个函数中声明了“ mapsURL”,而在函数中未声明“ var”。以我的理解,这应该使this成为全局值,并且我应该能够在其他函数中访问它。我的理解不正确吗?或者我在这里想念什么?
这是我的js:
注意:我删除了这篇文章的API密钥,所以这不是问题
$(document).ready(function (){
navigator.geolocation.getCurrentPosition(function (position) {
var positionLat = position.coords.latitude
var positionLon = position.coords.longitude
mapsURL = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + positionLat + "," + positionLon + "&key=***mykeygoeshere***";
});
function getData (){
$.ajax({
url: mapsURL,
dataType: 'json',
success: function(response){
console.log(response);
}
});
};
getData();
});
最佳答案
getCurrentPosition
是异步的。它不会立即分配给mapsURL
,因此当您同步调用getData
时,尚未填充mapsURL
。
您应该在getData
回调内调用getCurrentPosition
-这还将使您避免使用全局变量:
$(document).ready(function() {
navigator.geolocation.getCurrentPosition(function(position) {
var positionLat = position.coords.latitude
var positionLon = position.coords.longitude
var mapsURL = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + positionLat + "," + positionLon + "&key=***mykeygoeshere***";
getData(mapsURL);
});
function getData(mapsURL) {
$.ajax({
url: mapsURL,
dataType: 'json',
success: function(response) {
console.log(response);
}
});
}
});