AJAX Javascript - Returing the success data

Question

Is there a way to return the success data that is obtained by the AJAX call?

I am trying to do the following:

function myFunction(title) {
    var csrftoken = getCookie('csrftoken');
    $.ajax({
        url: 'call_details_cache/',
        type: 'post',
        data: {
            phone: title,
            type_member: "cust",
            csrfmiddlewaretoken: csrftoken
        },
        success: function (data) {
        },
        failure: function (data) {
            alert('Got an error dude');
        }
    });
}

And then:

console.log(myFunction(title))

undefined is printed in my console. How can I fix it?

Thanks in advance!

is `title` defined somewhere before your console.log ? – Magicprog.fr Jul 02 '15 at 11:16 — Magicprog.fr, Jul 02 '15 at 11:16

score 1 · Answer 1 · edited May 23 '17 at 11:43

Ajax is async, you are trying to access value like if it was sync. You need either a callback or a deferred...

Callback example:

function myFunction(title) {
            var csrftoken = getCookie('csrftoken');

                $.ajax({

                    url: 'call_details_cache/',
                    type: 'post',
                    data: {phone:title,   type_member: "cust", csrfmiddlewaretoken: csrftoken},
                    success: myFunctionCallback,

                    failure: function(data) { 
                        alert('Got an error dude');
                    }
                }); 
            }
function myFunctionCallback(data) {
     console.log(data);
}

Edit: This topic was already answered with a bunch of details. See How do I return the response from an asynchronous call?

score 0 · Answer 2 · edited Jul 02 '15 at 11:43

You can use promise as following to achieve this:

function myFunction(title) {
    var csrftoken = getCookie('csrftoken');

    return $.ajax({

        url: 'call_details_cache/',
        type: 'post',
        data: {
            phone: title,
            type_member: "cust",
            csrfmiddlewaretoken: csrftoken
        }

    });
}

Then you can use it as:

var promise = myFunction(title);

promise.then(function (data) {
    console.log(data);
},
 function(reason) {
     alert('You got error dude');
});

AJAX Javascript - Returing the success data

2 Answers2