Parse API response with JavaScript

Question

I have got the response from the JSON API, but I don't know how to parse it, it just comes back with an error, I don't know enough about it to figure it out, it returns:

(node:36308) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token o in JSON at position 1

var fetch = require('node-fetch');
fetch('https://sv443.net/jokeapi/v2/joke/Any', function(res){
    if (res.ok) {
        return res;
        } else {
        console.log(res.statusText);
    }
})
.then(res => res.json())
.then((json) => {
    var parsedData = JSON.parse(json)
    console.log(parsedData.joke);
});

You don't need `JSON.parse` - you already have [`res.json()`](https://developer.mozilla.org/en-US/docs/Web/API/Body/json) which will give you an object. — VLAZ, Jun 23 '20 at 19:19
yeah, but I'm trying to get the joke out of the JSON, how would I go around doing that? — William Wolseley-Charles, Jun 23 '20 at 19:22
`.json()` *parses the response body as JSON*. You already have an object. — VLAZ, Jun 23 '20 at 19:24

Paul Fitzgerald · Accepted Answer · 2020-06-23T19:30:03.617

2

You just need to do the following to access the delivery.

fetch("https://sv443.net/jokeapi/v2/joke/Any?type=single")
  .then(response => {
    return response.json();
  })
  .then(json => {
    // likely to be json.delivery but cannot 
    // confirm until rate limits have been lifted
    console.log(JSON.stringify(json));
  })
  .catch(err => {
    console.log(err);
  });

edited Jun 23 '20 at 19:30

answered Jun 23 '20 at 19:23

Paul Fitzgerald

11,770
4
42
54

so, how do I get the objects inside the JSON, like print the joke and nothing else? – William Wolseley-Charles Jun 23 '20 at 19:26
it returns undefined – William Wolseley-Charles Jun 23 '20 at 19:28
there are rate limits so it is hard to confirm, but I think it should be just `json.delivery`. – Paul Fitzgerald Jun 23 '20 at 19:28
it is returning undefined as you need to wait 60 secs as the rate limits have been exceeded – Paul Fitzgerald Jun 23 '20 at 19:29
see updated answer, but yea, give it a couple of minutes – Paul Fitzgerald Jun 23 '20 at 19:30

score 0 · Answer 2 · answered Jun 23 '20 at 19:34

0

Try this:

fetch('https://sv443.net/jokeapi/v2/joke/Any', function(res){
    if (res.ok) {
        return res;
        } else {
        console.log(res.statusText);
    }
})
.then(response => response.json())
  .then(data => console.log(data));

answered Jun 23 '20 at 19:34

Reem Alon

11
3

score 0 · Answer 3 · answered Jun 23 '20 at 19:48

You are already parsing it with res.json(). It returns an object (in promise) which can be accessed directly. Depending on a type prop you may have different props to check for. For example twopart joke will have setup: question, and delivery: answer

Parse API response with JavaScript

3 Answers3