Question

我正在尝试使用jQuery when函数，以便等到Ajax请求完成后再继续，但显然是出错了。

我的控制台输出如下所示：

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()的对象是否不是Deferred对象的问题？如果是这样，我如何将它们变成Deferred对象，同时保留我需要收集的信息 - start_lat等？

Answer 1

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

return $.ajax(..

您不能将返回值直接存储到值中（它不像现在写的那样工作）。你必须将它们存储在其他地方，以便调用when的行只读：

$.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) ...

jQuery延期不适合我吗？

1 个答案: