I need to receive a AJAX request value, but alway receive 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);
This is an asynchronous call. Your function will return just after calling $.ajax(). You have to provide a callback function to your getMealById.
See this example.
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
});
success: callback instead of success: function(data){callback(data);}.
success callback definition given by you.The function getMealById does not wait for the result of AJAX request. Since $.ajax does not block, the getMealById function returns before the AJAX request is finished.
Your ajax call is asynchronous, so meal is undefined when you return the value.
You can do it like :
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;
}
