ajax in ajax and NEED return value to first ajax

Question

I have looking for the solution with my case. In other question variable from ajax success will execute like this:

$.ajax({
...,
success: function(data) {
    myFunction(data);
});

myFunction(data){
    // process the data here ..
}

But in my case I call another ajax(2) with ajax(1). And really need that variable from ajax(2) to ajax(1) for process. My code look like this:

$("#formVerify").submit(function(event) {
    $.ajax({
        ....
        success: function(data){
            var result= call_id(data.id);
            console.log(result);
        }
    });
});

function call_id(data) {
    var output = null;
    $.ajax({
        ....
        success: function(result){
            output = result;
        }
    });
    return output;
}

the result will always null because I set output to, or sometimes it is undefined if I don't set the value to null. I tried async: false but in my machine it wouldn't work. Need help thank you

Rahul R. · Accepted Answer · 2020-07-06 07:07:48Z

1

Remember Ajax call doesn't return result, you can't use return statement in ajax call. You can get the result only using callback/promises.

Change you first ajax call to pass the callback instead of trying to get the return value:

 $("#formVerify").submit(function(event) {
    $.ajax({
        ....
        success: function(data){
            call_id(data.id, function(result){
                console.log(result);
            });
            
        }
    });
});

and change your second ajax call_id function to take callback as parameter like this:

function call_id(data, callback) {
    $.ajax({
        ....
        success: callback
    });
}

edited Jul 6, 2020 at 7:07

answered Jul 6, 2020 at 3:19

Rahul R.

6,5413 gold badges30 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

far1023 Over a year ago

I got error callback is not defined right in callback(result)

Rahul R. Over a year ago

your call_id should have callback as second parameter, you could also use it as updated one.

Collectives™ on Stack Overflow

ajax in ajax and NEED return value to first ajax

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related