jQuery AJAX: return value on success [duplicate]

Answer 1

function ChatServerQuery(url,data) {

return $.ajax({ type: "POST",
    url: url,
    data: data,
    async:false,
    success: function(status){
    }
}).responseText;

}

//Now you will get the response text from server side via ajax call

Answer 2

Instead of trying to assign json to result in the success handler, do your logic there (or in functions called from it). Or if you need to wait for the response, follow the other comments.

Answer 3

I answered something similar earlier:

• Why can't change the value from inside Jquery $.post function (JavaScript)

Your function returns result long before the AJAX callback executes. Anything that depends on the result of the request has to happen in or after the callback.

Answer 4

The request needs to be synchronous to work in this way.

Add async: false to the parameters object of the ajax() method.

Answer 5

You'd better change your approach to reflect an asynchronous nature of AJAX request.

Using callback function

function ChatServerQuery(data, callback) {
    $.ajax({
        url:  'chat/backend/',
        type: 'POST',
        data: data,
        success: callback
    });
}

Then you would use it:

ChatServerQuery(dataObject, function(data) {
    // work with your data came from server
});

Using promise object

$.fn.ajax returns object implementing Promise iterface, so you can use it like this:

function ChatServerQuery(data) {
    return $.ajax({
        url:  'chat/backend/',
        type: 'POST',
        data: data
    });
}

ChatServerQuery(dataObject).done(function(data) {
    // work with your data came from server
});

This option offers you more flexibility.