jQuery AJAX - scope and returning data from success function

Question

Having some issues getting my head around JS scope. I know its not AJAX , as I've turned async:false, but I couldn't get jQuery Promise to work for me. I really cannot understand as to why apiData gets returned undefined.

 var url = 'http://www.myjson';      

    /* The API call */
    function getData(url) {

        var text;

        result = $.ajax({
            type: 'GET',
            url: url,
            async: false,
            jsonp: 'callback',
            dataType: 'jsonp',
            success: function(data)
            {
                text = data;
                 //console logging here returns text data fine
                return text;
            }

         });

        return text;
    }
    apiData = getData(url);
    console.log(apiData);

    //returns undefined for apiData

Andreas · Accepted Answer · 2013-01-17 12:50:39Z

3

It does not look like synchronous calls are allowed with cross domain requests.

According to jQuery documentation:

"Cross-domain requests and dataType: "jsonp" requests do not support synchronous operation"

http://api.jquery.com/jQuery.ajax/

I have not tested, but maybe async is changed to "true" in your case, since you are using jsonp as datatype. Therefore, the onSuccess handler has not been called before you try to read the data.

answered Jan 17, 2013 at 12:50

Andreas

6859 silver badges18 bronze badges

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

1 Comment

BobFlemming Over a year ago

yes, this was it. Shame no error was thrown stating that this is the case. Thanks .

Aravindhan · Accepted Answer · 2013-01-17 12:41:13Z

0

Try like this

var url = 'http://www.myjson';      

/* The API call */
function getData(url) {

    var text;

    result = $.ajax({
        type: 'GET',
        url: url,
        async: false,
        jsonp: 'callback',
        dataType: 'json',
        success: function(data)
        {
            text = data;
             //console logging here returns text data fine
            return text;
        }

     });
}
apiData = getData(url);
console.log(apiData);

//returns undefined for apiData

answered Jan 17, 2013 at 12:41

Aravindhan

3,6168 gold badges33 silver badges42 bronze badges

Collectives™ on Stack Overflow

jQuery AJAX - scope and returning data from success function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related