Parsing json with JavaScript fails

Question

When I call an api that returns a random quote in json format (a title and content), I receive the json just fine :

ajax({ url: 'quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1', type: 'json' }, 
function(data) {
console.log(( JSON.stringify( data ) ));
console.log(data.content);

console.log(( JSON.stringify( data ) ));

outputs :

[{
   "ID":1562,
   "title":"Michael Bierut",
   "content":"Most of the mediocre design today comes from designers who are faithfully doing as they were taught in school: they worship at the altar of the visual.\n",
   "link":"http:\/\/quotesondesign.com\/michael-bierut-3\/",
   "custom_meta":{"Source":"article"}
}]

But console.log(data.content); outputs : none.

The root JSON value doesn't have a "content" property to match data.content. It appears data is an Array – console.log(data[0].content), etc. (Access / process (nested) objects, arrays or JSON) — Jonathan Lonowski
– Jonathan Lonowski, Commented Apr 21, 2016 at 4:46
@RayonDabre It isn't clear that this is jQuery. Despite some similarities, the arguments don't appear to be compatible with jQuery.ajax(). — Jonathan Lonowski
– Jonathan Lonowski, Commented Apr 21, 2016 at 4:55

or hor · Accepted Answer · 2016-04-21 04:47:17Z

2

try console.log(data[0].content);

answered Apr 21, 2016 at 4:47

or hor

7233 silver badges11 bronze badges

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

Comments

Daric · Accepted Answer · 2016-04-21 05:15:32Z

1

I believe the issue is that you are stringifying instead of parsing

console.log(JSON.parse(data));

Edit: The example on the question has some other problems as well. Here is a correctly formatted ajax request:

$.ajax({
  type: 'GET',
  dataType: 'json',
  url: 'URL_HERE',
  success: function(data) {
    console.log(data.content);
  }  
});

and a working example https://jsfiddle.net/1fjqgajk/8/

edited Apr 21, 2016 at 5:15

answered Apr 21, 2016 at 4:49

Daric

4801 gold badge4 silver badges12 bronze badges

1 Comment

Delano zuurman Over a year ago

The ajax request that i did is based on that of the pebble, the way i did is it the way to suggest to do it.

Tosif · Accepted Answer · 2016-04-21 04:53:52Z

0

$.ajax({url:"quotesondesign.com/wp-json/posts?  filter[orderby]=rand&filter[posts_per_page]=1",type:'POST',dataType="json",success: function(data){
// if you dont wanto to use dataType use eval;
 //var jsonObj=eval(data)

}});

answered Apr 21, 2016 at 4:53

Tosif

365 bronze badges

Collectives™ on Stack Overflow

Parsing json with JavaScript fails

3 Answers 3

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Linked

Related