How can I make the Wikipedia API work with Fetch?

Asked May 09 '18 at 13:16

Active May 09 '18 at 13:21

Viewed 46 times

I'm trying to use the MediaWiki Wikipedia API to make simple searches to Wikipedia. For some reason, when I use the Fetch API, it doesn't work. Here is my code:

const text = document.getElementById('content');

fetch('https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&srlimit=100&srsearch=apple')
  .then(res => res.json())
  .then(json => text.innerHTML = 'Success!')
  .catch(err => text.innerHTML = 'Failure :(');

<div id="content"></div>

When I use Chrome to go to the link that I am making a request to, it seems to work fine. What am I doing wrong in the JS?

edited May 09 '18 at 13:21

Bergi

630,263
148
957
1,375

asked May 09 '18 at 13:16

JakAttk123

1,646
3
11
19

Are you getting any errors in your browser's console? – Joe Clay May 09 '18 at 13:17
For *what* reasons does it not work? – Bergi May 09 '18 at 13:20
1

Add `origin=*` to the query parameter in the URL; see the answer at https://stackoverflow.com/questions/37106041/does-wikipedia-api-support-cors-or-only-jsonp-available/37109743#37109743 – sideshowbarker May 09 '18 at 13:20

How can I make the Wikipedia API work with Fetch?

0 Answers0