Unable to access json object in javascript return

Question

When i am trying to get json type data in return of an ajax call,i am getting undefined as return.

function AjaxCallToGetData(){
    var chartDataCheckin;
    var checkin_location = $("#select_checkin_location").val();
    jQuery.ajax({
        'url': '<?php echo $this->modurl; ?>dashboard/checkinchart',
        dataType: 'json',
        data: {checkin_location: checkin_location},
        'type': 'POST',
        success: function(data) {
            alert(data);     // alerts object  

            return data;
        }
    });

}
function getcheckinchart(DataCheckin) {
    alert('hi');
    var chartDataCheckin = AjaxCallToGetData();
    alert(chartDataCheckin); // this doesnot
    }

Please help

AkshayJ · Accepted Answer · 2015-06-10 09:03:19Z

1

    var testobj;
function AjaxCallToGetData(){
        var chartDataCheckin;
        var checkin_location = $("#select_checkin_location").val();
        jQuery.ajax({
            'url': '<?php echo $this->modurl; ?>dashboard/checkinchart',
            dataType: 'json',
            data: {checkin_location: checkin_location},
            'type': 'POST',
            success: function(data) {
                alert(data);     // alerts object  

               testobj=data;
            }
        });

    }
    function getcheckinchart(DataCheckin) {
        alert('hi');
         AjaxCallToGetData();
        alert(testobj); 
        }

This will work :)Cheers

answered Jun 10, 2015 at 9:03

AkshayJ

7696 silver badges15 bronze badges

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

Comments

fatrex · Accepted Answer · 2015-06-10 09:06:03Z

0

You are getting the data from an async call to the server but you are expecting the return in a sync way. Use a global variable or use a Deferred Object or a Promise: https://api.jquery.com/category/deferred-object/

answered Jun 10, 2015 at 9:06

fatrex

1097 bronze badges

Comments

RuubW · Accepted Answer · 2015-06-10 09:08:29Z

Your return statement is located in the success callback of the (asynchronous) AJAX action, so it isn't returned as result of AjaxCallToGetData().

The solution:

Either do your processing in the success callback or create your own callback. I myself am partial to dynamic callbacks so I included a basic example where I pass the callback function as a parameter.

function AjaxCallToGetData(callback){
    var chartDataCheckin;
    var checkin_location = $("#select_checkin_location").val();
    jQuery.ajax({
        url: '<?php echo $this->modurl; ?>dashboard/checkinchart',
        dataType: 'json',
        data: {checkin_location: checkin_location},
        type: 'POST',
        success: function(data) {
            // Either process the data here or:
            if (jQuery.isFunction(callback)) callback(data);
        }
    });
}

function getcheckinchart(DataCheckin) {
    // Notice we're passing the callback function as a parameter
    AjaxCallToGetData(processcheckinchart);
}

function processcheckinchart(data) {
    alert(data);     // alerts object
}

cs04iz1 · Accepted Answer · 2015-06-10 09:13:38Z

the ajax call is asynchronous so when you alert in the getcheckinchart the data are not still there. This should work.

 function AjaxCallToGetData(callback){
        var chartDataCheckin;
        var checkin_location = $("#select_checkin_location").val();
        jQuery.ajax({
            'url': '<?php echo $this->modurl; ?>dashboard/checkinchart',
            dataType: 'json',
            data: {checkin_location: checkin_location},
            'type': 'POST',
            success: function(data) {
                alert(data);     // alerts object  

                callback(null,data);
            }
        });

    }
    function getcheckinchart(DataCheckin) {
        alert('hi');
        AjaxCallToGetData(function(err,charDataCheckin){
            alert(chartDataCheckin); 
        });
        }

Collectives™ on Stack Overflow

Unable to access json object in javascript return

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related