javascript - JavaScript 函数中返回变量

Question

我需要接收 AJAX 请求值，但始终接收未定义的值。

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
});