jquery getJSON() function (get whole json object)

Question

Because I work currently with an API returning JSON code I would need to get the whole JSON code returned by API and insert this code line by line (well formatted, if possible in an easy way) into a <pre> element.

My code I use at the moment:

$.getJSON(url + "api/get", function( data ) {

$.each(data, function(i, field){
  $("#result").append(field);
  console.log(field);
  }); 
});

Using the console output I get:

Object {message: "api key invalid"}

This seems to be strange, because when using postman to debug I get:

{"errors":{"message":"api key invalid"}}

How to get the response postman gets and how to insert this into my pre element, because at the moment this doesn't work too.

Why not skip the JSON parsing and just $.get() the content as raw text? — Pointy
– Pointy, Commented Jan 3, 2017 at 16:56
console.log(data) to see how the object looks then access the properties as needed. This might help ► stackoverflow.com/questions/10709241/… — Nope
– Nope, Commented Jan 3, 2017 at 17:09
@FrançoisWahl i already tried this too, it returns: [puu.sh/t9RTn/be6778344d.png](this). I just need to get the whole JSON object, so I can place this into a <pre> textbox, to show my users the whole reply from the API. — wichtel
– wichtel, Commented Jan 3, 2017 at 17:13
@FelixKling that would work of course but it'd lose any newline formatting that the real API response supplies. If the OP just wants the text I don't see why anything needs to treat it as JSON anyway. — Pointy
– Pointy, Commented Jan 3, 2017 at 17:20

SLaks · Accepted Answer · 2017-01-03 16:55:55Z

1

Your $.each() loop is looping over every property in the response, and ignoring the property name.

You just want the whole data object, without any loops.

To display the message, check the object's properties.

answered Jan 3, 2017 at 16:55

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

2 Comments

wichtel Over a year ago

How to access them when using getJSON()?

SLaks Over a year ago

developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/…

Collectives™ on Stack Overflow

jquery getJSON() function (get whole json object)

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related