return from a function ajax [duplicate]

Answer 1

The user wants to transmit the true/false response outside the jQuery object, so that the function can return it. There are situations were you really need the function to return something and not invoke a callback.

Even if the jQuery call is synchronous (i.e. 'async: false'), the example code above would not work, but it's true that your call must be explicitly specified as synchronous.

The correct way to do is to attach your jQuery object to a variable:

var obj = jQuery.ajax({ 'async:false', (...)

Then, at the end of your function, after the jQuery object closing parenthesis, add to your function:

return obj.responseText;

Answer 2

Ajax is asynchronous. You cannot you use a return value. You must use a callback:

ret("user", function(check) {
  if (check == true)
    .. run ..
});

And you can implement ret like this:

function ret(as, callback) {
  ....codes...
   $.ajax({
      type: "POST",
      url: "../../03",
      data: "as="+as,
      success: function (msg) {
        if(msg == 'true' ){
         ..codes..
         callback(true);
        }else{
         ..codes..
         callback(false);
        }
      } 
  });
}

Another option would be to force the request to be synchronous, but that's not really the idiomatic way of doing it.

Answer 3

By default ajax calls are asynchronous - that's actually what the 'A' stands for. This means that the your ret function will return before the success function is ever invoked. You have two options for fixing your issue:

1. Make your ajax call synchronous - see the async options at http://api.jquery.com/jQuery.ajax/. This is almost always a bad idea, because the entire page will block until the call returns

2. Invert your control flow so that the desired behavior happens when the success callback is invoked. You can do this by passing a function into ret:

   function(as, successHandler) { ...

   success: function(msg) {
       successHandler(msg == 'true');
   }