JavaScript関数の変数を返す

Question

私はAJAXリクエスト値を受け取る必要がありますが、いつもundefinedを受け取ります。

Panda.Meals.getMealById = function(id) { 
    var meal = {}; 
    $.ajax({ 
    url: "http://localhost/admin.php?r=mess/getmealbyid", 
    data: {"id": id}, 
    success: function(data) { 
     meal = data; 
    } 
    }); 
    return meal; 
} 

var id = Panda.Meals.getMealById(10); 

Answer 1

これは、非同期呼び出しです。関数は$.ajax()の呼び出しの直後に戻ります。 getMealByIdにコールバック機能を提供する必要があります。

この例を参照してください。

Panda.Meals.getMealById = function(id, callback) { 
    $.ajax({ 
    url: "http://localhost/admin.php?r=mess/getmealbyid", 
    data: {"id": id}, 
    success: function(data) { 
     callback(data); 
    } 
    }); 
} 

Panda.Meals.getMealById(10, function(data) { 
    var id = data; 
    // do all your post processing here 
}); 

Answer 2

関数getMealByIdは、AJAX要求の結果を待機しません。 $.ajaxはブロックされないため、AJAX要求が完了する前にgetMealById関数が戻ります。

Answer 3

あなたのajax呼び出しは非同期です。値を返すと、食事は未定義です。

あなたはそれが好き行うことができます。

Panda.Meals.getMealById = function(id) { 
    var meal = {}; 
    $.ajax({ 
     async: false, 
     url: "http://localhost/admin.php?r=mess/getmealbyid", 
     data: {"id": id}, 
     success: function(data) { 
      meal = data; 
     } 
    }); 
    return meal; 
}