Javascript: can access url that returns json but when fetching, an error occurs

Question

When I access the URL directly, I see the JSON but I am getting an error when using 'fetch' to get the data. The error states that uncaught v in promise.

fetch('http://openlibrary.org/api/books?bibkeys=ISBN:157322359X&jscmd=data')
.then((resp) => {
    return resp.json()
})
.then((data) => {
    console.log(data);
})

The content of your url is like 'var _OLBookInfo = { ... }'. It is not json but text. JSON must contain no 'var _OLBookInfo = '. — Stepan
– Stepan, Commented Dec 28, 2019 at 22:00

Satvik Daga · Accepted Answer · 2019-12-28 22:11:32Z

1

Change your code to the following and it will work. I have just added a paramater key format with json value.

fetch('http://openlibrary.org/api/books?bibkeys=ISBN:157322359X&jscmd=data&format=json')
.then((resp) => {
    return resp.json()
})
.then((data) => {
    console.log(data);
})

answered Dec 28, 2019 at 22:11

Satvik Daga

1564 bronze badges

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

Comments

score 0 · Accepted Answer · 2019-12-28 22:18:33Z

0

You are receiving this error because at the JSON endpoint you don't have pure JSON, you have JavaScript. That's why it's complaining about a 'v', because it has to be JSON.

You should just remove the var ... = on the endpoint

edited Dec 28, 2019 at 22:18

answered Dec 28, 2019 at 22:05

user9572013

Collectives™ on Stack Overflow

Javascript: can access url that returns json but when fetching, an error occurs

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