2011-08-25 54 views
0

我试图使用jQuery when函数,为了等到一个Ajax请求完成,然后再继续前进,但是显然出错了。jQuery推迟不工作对我?

我的控制台输出看起来是这样的:

geocodeMaster 
geocode Canary Wharf 
Object 
geocode 
Object 
address is blank, returning 51.501885 -0.190894 
proceeding 
Uncaught TypeError: Cannot read property '0' of undefined 
Object 
Object 

最后两个对象是从第二个呼叫到geocode输出。为什么代码在第二次调用的输出之前显示proceeding

我的代码如下所示:

function geocode(address, geodata) { 
    console.log('geocode', address, geodata); 
    geodata['street'] = address; 
    if (address=="") { 
     console.log('address is blank, returning ' + current_latlng[0], current_latlng[1]); 
     return [current_latlng[0], current_latlng[1]]; 
    } 
    $.ajax({ 
     url: CS_API + 'geocoder.json', 
     data: geodata, 
     dataType: 'jsonp', 
     jsonpCallback: 'places', 
     success: function(from_data) { 
      console.log(from_data); 
      if (from_data.results.result!=undefined){ 
       var from_result = from_data.results.result; 
       console.log(from_result) 
       return [from_result.latitude, from_result.longitude]; 
      } else { 
       return false; 
      } 
     }, 
     error: function(data) { 
      return false; 
     } 
    }); 
} 
function geocodeMaster(place_from,place_to) { 
    console.log('geocodeMaster'); 
    geodata['key'] = CS_API_KEY; 
    if (current_latlng!=null) { 
     geodata['n'] = current_latlng[0] + 0.1; 
     geodata['e'] = current_latlng[1] + 0.1; 
     geodata['s'] = current_latlng[0] - 0.1; 
     geodata['w'] = current_latlng[1] - 0.1; 
    } 
    var start_coords,finish_coords; 
    $.when(start_coords=geocode(place_from,geodata),finish_coords=geocode(place_to,geodata)).then(function(){ 
console.log('proceeding'); 
     console.log(start_coords[0],start_coords[1],finish_coords[0],finish_coords[1]); 
    });  
} 

那是提供给when()对象的问题不是递延对象?如果是这样,我怎么能让他们进入延期对象,同时保持我需要收集的信息 - start_lat等?

回答

0

您必须从地理编码功能返回延迟对象。尝试:

return $.ajax(.. 

不能直接存储返回值到值(它不工作,现在是写的方式)。你必须把它们存储在其他地方,这样调用时只需读取行:

$.when(geocode(place_from,geodata),geocode(.... 

为了解决这个问题,你可以通过地理编码一个空的对象,并有功能保存其结果是,对例如:

var start_coords = {}; 
var finish_coords = {}; 
$.when(geocode(place_from,geodata,start_coords),geocode(place_to,geodata,finish_coords) ... 
+0

我很想把它包装在一个函数中,否则我会重复所有代码给Ajax geocoder两次,这并不理想。这是否有可能? – Richard

+0

查看我的上次编辑。 –

+0

非常感谢! – Richard