Get value from object within JQuery each function

Question

I have an Object that contains an associative array

The value stored in the array is an Object

Within the each function, I want to access one of the values in the value object (responseText)

My code is as follows

 var apiNameArray = getDataSourceApiNames();
        var apiResults = {};
        var deferred;

        for (let i = 0; i < apiNameArray.length; i++) {
            var apiName = apiNameArray[i];
            console.log("apiName = " + apiName);
            deferred = $.ajax({
                    type: "GET",
                    url: api_URL + "memberdetails/" + memberNumber,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json"
                }
            );
            apiResults[apiName] = deferred;
        }

        $.when.apply($, apiResults).then(function () {
            console.log(apiResults);
            $.each(apiResults, function (key, value) {
                console.log(key);
                console.log(value);
                console.log(value.responseText);
           });
        });

For some reason, value.responseText is returning undefined. How am I suppose to be accessing this value/property? I have tried value["responseText"], apiResults[key].responseText all with no success

Can you show the ajax request code too? It looks like the value you are after is out of scope. — Eliott Robson
– Eliott Robson, Commented Feb 26, 2018 at 10:23
If the first screenshot is the OP of the console.log(apiResults); then you can simply access the responseText like apiResults[0]['responseText']. You can replace the 0 with a loop index. — karan3112
– karan3112, Commented Feb 26, 2018 at 10:28

karan3112 · Accepted Answer · 2018-02-26 11:01:44Z

1

As the apiResults is a object you can loop though the keys and use apiResults[key].responseText to access the value.

$.when.apply($, apiResults).then(function () { $.each(apiResults, function (key, value) { console.log(apiResults[key].responseText); }); });

or

$.when.apply($, apiResults).then(function () { Object.keys('apiResults').forEach(function(item, index){ console.log(apiResults[item].responseText) }) });

Here Object.keys will return an array of all the keys in an object.

edited Feb 26, 2018 at 11:01

answered Feb 26, 2018 at 10:38

karan3112

1,86714 silver badges20 bronze badges

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

5 Comments

Mike Over a year ago

That still returns undefined for apiResults[key].responseText

karan3112 Over a year ago

@mike can you please create a fiddle of your code. As per my understanding the above code should work.

Mike Over a year ago

How do I mimic the AJAX response in jsfiddle?

karan3112 Over a year ago

Save the response in a JS variable and run the loop.

Mike Over a year ago

I am going to undo the downvote and mark as the answer - it was because my promise was not waiting for the API success to complete before populating the array. So when I looped through the values, it was empty (and therefore undefined)

Collectives™ on Stack Overflow

Get value from object within JQuery each function

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related