cannot return after successful json request

Question

I have made a json call from this type of function and i got the result, But i cannot return this value to another function

get_target_amount(full)

this is my function. after console.log(get_target_amount(full)) result is undefined. what is the reason for this?

 function get_target_amount(full) {
            var target = '';
            var param = {};
            param.sub_category_id = full["sub_category_id"];
            param.project_month = full["project_month"];
            jQuery.post(site_url + '/Progress_project_create/get_target_amount', param, function (response) {

                        if (response !== null) {
                    target = response.target_amount;

                } else {
                    target = 'Target amount not found';
                }
                return target;
            }, 'json');
        }

@Phil give a solution buddy. im passing some value with this — , Nov 21 '17 at 06:19

avinash_inuganti · Accepted Answer · 2017-11-21T07:12:18.533

0

The problem here is the asynchronous nature of Ajax calls.

Please move your target variable based code into the callback function you have in the get() function.

function(response){//Write all your code here.}

Currently, the get_target_amount() returns back without waiting for the ajax call to finish. Hence, you get the null value.

You can consider another option like, making you ajax call synchronous. Then the browser halts/freezes the page till the ajax function completes. This will not be advisable as it makes the user unnecessarily wait for the page to respond.

Also, the return statement you have in your callback function is not referred anywhere

edited Nov 21 '17 at 07:12

answered Nov 21 '17 at 06:37

avinash_inuganti

134
6

worked perfectly thanx – Nov 21 '17 at 09:00
You are Welcome – avinash_inuganti Nov 21 '17 at 09:02

cannot return after successful json request

1 Answers1