0

whenAjaxリクエストが完了するまで待ってから先に進むために、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

最後の2つのオブジェクトは、への2番目の呼び出しからの出力geocodeです。proceeding2番目の呼び出しの出力の前にコードが表示されるのはなぜですか?

私のコードは次のようになります:

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など)を保持しながら、それらをDeferredオブジェクトにするにはどうすればよいですか?

4

1 に答える 1

0

ジオコード関数から遅延オブジェクトを返す必要があります。試す :

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) ... 
于 2011-08-25T14:28:23.237 に答える