标签：javascript function ajax asynchronous geocoding

我几个小时以来一直在努力解决这个问题,即使在阅读Stack上的几个例子之后我也无法实现这一点.我是JS的新手并没有帮助.

我正在尝试从Google Geocoder API检索有关地址的信息,然后将该对象传递给另一个函数.根据我的阅读,我理解我用来检索信息的函数是异步的,因此我需要使用回调函数来读取它.但是,当我尝试这样做时,我的控制台仍然会返回“未定义”.我知道这些信息来自Google,因为当我在结果对象上使用console.log()时它会正确返回.

无论如何,这是我正在使用的：

function onSuccess(position) {
  getLocationData(position, function(locationData) {
    console.log(locationData);
  });   
}

function getLocationData(position, callback) {
  geocoder = new google.maps.Geocoder();
  var location = 'Billings,MT';

  if( geocoder ) {
    geocoder.geocode({ 'address': location }, function (results, status) {
      if( status == google.maps.GeocoderStatus.OK ) {
        return results[0];
      }
    });
  }
  callback();
}

就像我提到的那样,我得到的只是’未定义’.如果我将’console.log(results [0])’放在getLocationData()返回上方,则返回的对象是正确的.任何帮助将非常感激.

解决方法:

您的问题是,您没有将回调连接到返回.由于geocode()函数本身已经是异步的,因此返回没有任何影响.相反,您必须将您在此处返回的值直接传递给回调函数.像这样：

function getLocationData(position, callback) {
  geocoder = new google.maps.Geocoder();
  var location = 'Billings,MT';

  if( geocoder ) {
    geocoder.geocode({ 'address': location }, function (results, status) {
      if( status == google.maps.GeocoderStatus.OK ) {
        callback(results[0]);
      }
    });
  }
}

标签：javascript,function,ajax,asynchronous,geocoding
来源： https://codeday.me/bug/20190722/1508126.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。