jQuery, JSON array push

Question

Im having a little problem making this work:

Here is my json array pulled via ajax:

{
    "message": [{
        "title": "Account",
        "id": 1
    }, {
        "title": "Content",
        "id": 2
    }, {
        "title": "Other",
        "id": 3
    }]
}

here is javascript:

var items = [];
$.get("settings.php", {
        getlink: 1,
    }, function(json) {
        $.each(json.message, function() {
            items.push(this);
        });

},"json");

console.log(items)

But for some reason items array is always empty [] I can see in firebug, json returned array, but I'm not able to push it.

The console.log might be happening before the get request is finished, try adding a timeout to test if it worked. — jmona789
– jmona789, Commented Nov 28, 2016 at 23:02

Zakaria Acharki · Accepted Answer · 2016-11-28 23:02:40Z

3

Use the index, value that $.each return :

$.each(json.message, function(index, value) {
    items.push(value);
});

NOTE : $.each() is different than .each().

Hope this helps.

answered Nov 28, 2016 at 23:02

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

2 Comments

Alko Over a year ago

Ok, I see my problem now. If I place console.log(items); within ajax get, then I can see the results, but I want to be able to access items array outside of ajax call.

Zakaria Acharki Over a year ago

Yes, you couldn't access the result immediately since $.get() is asynchronous, take a look to How do I return the response from an asynchronous call?.

Brett DeWoody · Accepted Answer · 2016-11-28 23:03:40Z

3

You need to pass params to the $.each function and push that object to your array.

var json = {
    "message": [{
        "title": "Account",
        "id": 1
    }, {
        "title": "Content",
        "id": 2
    }, {
        "title": "Other",
        "id": 3
    }]
}

var items = [];
$.each(json.message, function(index, item) {
  items.push(item);
});

console.log(items)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Nov 28, 2016 at 23:03

Brett DeWoody

63.3k31 gold badges145 silver badges192 bronze badges

Collectives™ on Stack Overflow

jQuery, JSON array push

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related