Process JSON data and JSON object arrays using javascript

Question

I have a JSON feed I'm working with that contains one instance of attributes and many objects inside posts.

I have a javascript algorithm that I'm processing the JSON data and I am getting the attributes values fine (they act as settings) but I can't process the posts properly.

JSON Response

[
  {
  "attributes":{
     "dfp_pos":"3",
     "dfp_shortcode":"[dfp_ads id=1383]",
     "wildcard_pos":"5",
     "wildcard_shortcode":"[widget id=\"wp_widget-46\"]",
     "twitter_id":"@ScreenName",
     "twitter_pos":"8",
     "facebook_id":"screenName",
     "facebook_pos":"10"
  },
  "posts":[
     {
        "id":3945,
        "pub_date":"2016-05-30 00:00:00",
        "title":"Post title 1",
        "excerpt":""
     },
     {
        "id":3574,
        "pub_date":"2016-05-12 00:00:00",
        "title":"Post Title 2",
        "excerpt":""
     },
     {
        "id":3048,
        "pub_date":"2016-05-07 00:00:00",
        "title":"Post Title 3",
        "excerpt":""
     }
   ]
]

Javascript

var dfp_pos = feeds[0].attributes.dfp_pos;
var dfp_shortcode = feeds[0].attributes.dfp_shortcode;
var wildcard_pos = feeds[0].attributes.wildcard_pos;
var wildcard_shortcode = feeds[0].attributes.wildcard_shortcode;
var twitter_id = feeds[0].attributes.twitter_id;
var twitter_pos = feeds[0].attributes.twitter_pos;
var facebook_id = feeds[0].attributes.facebook_id;
var facebook_pos = feeds[0].attributes.facebook_pos;

jQuery.each(feeds.posts, function(i, post) {
    var id = post.id;
    var pub_date = post.pub_date;
    var title = post.title;
    var excerpt = post.excerpt;

    console.log(id);
    console.log(pub_date);
    console.log(title);
    console.log(excerpt);
});

The each loop doesn't seem to pull the through the JSON data?

Marc B · Accepted Answer · 2016-06-10 16:03:48Z

2

You forgot one layer:

data = [
       ^  {
       |  ^  "attributes":{
       |  |  "posts":[
       |  |   ^
       1  2   3

giving you:

data[0].posts
 ^   ^    ^
 1   2    3

answered Jun 10, 2016 at 16:03

Marc B

362k44 gold badges433 silver badges508 bronze badges

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

Comments

emrhzc · Accepted Answer · 2016-06-10 16:04:11Z

You have to iterate through feeds[0]

var dfp_pos = feeds[0].attributes.dfp_pos;
var dfp_shortcode = feeds[0].attributes.dfp_shortcode;
var wildcard_pos = feeds[0].attributes.wildcard_pos;
var wildcard_shortcode = feeds[0].attributes.wildcard_shortcode;
var twitter_id = feeds[0].attributes.twitter_id;
var twitter_pos = feeds[0].attributes.twitter_pos;
var facebook_id = feeds[0].attributes.facebook_id;
var facebook_pos = feeds[0].attributes.facebook_pos;

jQuery.each(feeds[0].posts, function(i, post) {
    var id = post.id;
    var pub_date = post.pub_date;
    var title = post.title;
    var excerpt = post.excerpt;

    console.log(id);
    console.log(pub_date);
    console.log(title);
    console.log(excerpt);
});

Collectives™ on Stack Overflow

Process JSON data and JSON object arrays using javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related