I'm looking to return the value from an ajax call which is inside a jquery function. I have this code but it returns undefined. Any help as to what I'm doing wrong is much appreciated.
$.inlDo = function(action,rec,val) {
$.ajax({
type: 'POST', url: 'editFile.php?do='+action+'&record='+rec+'&val='+val,
success: function(d) {
return 'ok';
}
});
}
alert($.inlDo('del',id,''));
The ajax call is successful so that's not likely to be the problem.
You cannot return a value using a ajax call
$.inlDo = function(action,rec,val) {
$.ajax({
type: 'POST', url: 'editFile.php?do='+action+'&record='+rec+'&val='+val,
success: function(d) {
alert(d);
//i will suggest you to add a function call back
compltedRequest(d);
}
});
}
function completdRequest(data)
{
alert("request has been completed");
}
Try like this:
$.inlDo = function(action,rec,val) {
return $.ajax({
async: false,
type: 'POST', url: 'editFile.php?do='+action+'&record='+rec+'&val='+val,
success: function(d) {
return 'ok';
}
}).responseText;
}
If you are reciving an XML or a JSON response, you should use some XML parser, or JSONIFY for a JSON response so you could access the response as an object
editFile. Cheers
async: false is almost always a Very Bad Idea. This is definitely one of those occasions. It's the quick, easy and wrong way out.The issue is that this is an asynchronous call. alert is trying to show the result of $.inlDo, but it doesn't return the function you specified as a callback.
The $.inlDo function returns without blocking, i.e. it doesn't wait for the ajax call to complete and then continue executing. The ajax call can complete after (even a while after) $.inlDo returns.
Then what happens is that the callback success gets executed once the data is returned from the server (i.e. the ajax call completes). In this callback you have to deal with the result. This function is the one that should do the alert (like @Zlatan suggests) or update the webpage, etc.
If you want the call to block, i.e. to wait until the response returns, then use the async: false configuration. There are some limitations on when you can use synchronous (blocking) calls.
More info: http://api.jquery.com/jQuery.ajax/
