Question

Let’s say for example, I have the following javascript function that returns a boolean:

function CallWebServiceToUpdateSessionUser(target, user)
{
    var dataText = { "jsonUser": JSON.stringify(user) };

    $.ajax({
        type: "POST",
        url: target,
        data: JSON.stringify(dataText),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response)
        {
            return true;
        },
        failure: function (msg)
        {
            return false;
        }
    });
}

and the target function on the server that is being called could take up to… 15 seconds to respond.

How do I guarantee that this function will not exit until after the server call has been completed? Or, how can I guarantee that who ever is calling this function will get a true/false and not an undefined?

NOTE:
I’ve seen people use async: false but that hangs the UI which I do not want.

Answer 1

See http://api.jquery.com/jQuery.ajax/. You need to do an AJAX request with async: true to your parameters. You will then need to edit your code so the code that executes after a successful request is inside the successful block.