How to use response data from ajax success function out of Ajax call

Question

I have question, When I make ajax call, and in success function I get json data, I can't use it out of success function

 $.ajax({
        type: 'GET',
        url: url,
        dataType: 'json',
        success: function (response) {
            getData[name] = response;

        }
    });
 alert(getData[name]);

My question is how to work with getData out of ajax call

Possible duplicate of [jQuery: Return data after ajax call success](http://stackoverflow.com/questions/5316697/jquery-return-data-after-ajax-call-success) — vaso123, Sep 22 '16 at 11:28
u can declare getdata array globally means staring of the script then it will be available outside the function — The developer, Sep 22 '16 at 11:43

score 5 · Accepted Answer · answered Sep 22 '16 at 11:36

The problem is that by default Ajax request is async
which means that ajax will start the request then execute: alert(getData[name]); then finish the request in the background and call success function.

so actually the alert will execute before success function. and to do what you want you have to tell ajax not to execute any thing before it done, in other ward set async: false
Second thing you have to declare the variable outside the ajax scope so you can access it outside ajax

The final code will be :

var getData;
$.ajax({
        type: 'GET',
        url: url,
        dataType: 'json',
        async: false,
        success: function (response) {
            getData[name] = response;

        }
    });
 alert(getData[name]);

score 1 · Answer 2 · edited Jul 20 '20 at 15:22

1

You have to declare that variable getData[name] above the ajax call so you can value after it.

var getData;
$.ajax({
    type: 'GET',
    url: url,
    dataType: 'json',
    success: function (response) {
        getData[name] = response;

    }
});

edited Jul 20 '20 at 15:22

ahmedg

309
1
2
12

answered Sep 22 '16 at 11:31

Rahul Gandhrokiya

81
1
9

score 1 · Answer 3 · answered Jun 12 '18 at 08:52

1

async false should be avoided. Play along the async and use events like .done to handle the response. This makes sure that the response is handled irrelevant of where the control is at the time of the callback. You don't care.

answered Jun 12 '18 at 08:52

Justin Farrugia

104
14

score 0 · Answer 4 · answered Sep 22 '16 at 11:31

0

Use the property 'async:flase' in code and try once

answered Sep 22 '16 at 11:31

Shemil R

49
6

score 0 · Answer 5 · answered Sep 22 '16 at 11:38

AJAX stands for

asynchronous JavaScript and XML.

When you call alert the AJAX call isn't finished, that's why getData[name] isn't set.

You have to call alert (or do anything with it) inside the success callback.

$.ajax({
    type: 'GET',
    url: url,
    dataType: 'json',
    success: function (response) {
         getData[name] = response;
         alert(getData[name]);
    }
});

How to use response data from ajax success function out of Ajax call

5 Answers5