How to return a value after ajax call?

Question

I want to return a ajax call value to other function. Code shown below

script

var obj2 = ajax_call();
    function ajax_call() {
    var obj3;   
    $.post("action.php",{action: 'view_style_code_action',style_val: v},function(data,status){
        obj3 = $.parseJSON(data);
    });
    return(obj3);
    }
    console.log(obj2+'test');

score 0 · Answer 1 · edited May 29 '17 at 05:33

0

    function ajax_call() {
    return $.post("action.php",{action: 'view_style_code_action',style_val: v},function(data,status){            
        return data;
    });

    }

    var obj2 = ajax_call();
    console.log(obj2+'test');

edited May 29 '17 at 05:33

Sami

8,168
9
66
99

answered May 29 '17 at 05:15

Hitanshu Malhotra

102
2

you can't get a return from a promise since it is asynchronous – Theophilus Omoregbee May 29 '17 at 05:30

31piy · Answer 2 · 2017-05-29T06:18:25.667

0

AJAX returns result in future (that's why it is asynchronous). Since JavaScript runs in a single thread, you cannot return a value immediately.

You need to understand jQuery's Promise API instead, which $.post already supports.

Modify your code a bit to leverage the power of promises in your code.

function ajax_call() {
  return $.post("action.php", {action: 'view_style_code_action',style_val: v})
}

ajax_call()
  .then(function(data) {
    // Do the parsing here
    var obj3 = $.parseJSON(data);

    // Do rest of your work here.
    ...
  });

edited May 29 '17 at 06:18

answered May 29 '17 at 05:16

31piy

23,323
6
47
67

how can i reuse obj3 value in the other function. If i want, i have to call again same ajax right? How to avoid the same ajax call repeatedly? – Rijo May 29 '17 at 05:31
oh no, update your coding pattern to follow the asynchronous way – Theophilus Omoregbee May 29 '17 at 05:33
https://stackoverflow.com/a/14220323/5836034 this should give you a better explanation – Theophilus Omoregbee May 29 '17 at 05:36
@Rijo: Pass the value of `obj3` from within `.then` to your other function, and then do whatever you want. – 31piy May 29 '17 at 06:20

How to return a value after ajax call?

2 Answers2