Wikipedia API + Cross-origin requests in D3

Asked Jul 19 '15 at 18:17

Active Jul 19 '15 at 18:22

Viewed 177 times

I'm trying to make a HTTP GET request with Wikipedia's API with D3.

I'm using http-server to make the request locally. I've used D3 in the past to make HTTP GET requests over an HTTP URL (http://googleapi.com) but am getting an error with this HTTPS.

API request in D3

// make API request to wiki
var wiki_api = "https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=&explaintext=&titles=" + node.name;

// get the data
d3.json(wiki_api, function(error, wiki) {
  console.log(wiki);
});

I'm getting the following error:

XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=&explaintext=&titles=Blues. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8008' is therefore not allowed access.

How can I make HTTPS requests?

edited May 23 '17 at 11:44

Community

asked Jul 19 '15 at 18:17

Kyle

1,153
5
28
56

You can't set HTTP response headers on Wikipedia's servers. You don't have access to their server side code. – Quentin Jul 19 '15 at 18:21
Ah, so how can I make an HTTPS request with D3? – Kyle Jul 19 '15 at 18:23
The same way as you make an HTTP request but you put an HTTPS URL in the URL argument. You're already making one, Wikipedia just isn't telling the browser to let your JS read the response. – Quentin Jul 19 '15 at 18:24
It's not D3. You need to load the page that the visualisation is on (i.e. the one on localhost in your case) through HTTPS. – Lars Kotthoff Jul 19 '15 at 18:25
@LarsKotthoff — That isn't what the error message says. – Quentin Jul 19 '15 at 18:28
@Quentin Oops, you're right -- should've read properly. Ignore that comment :) – Lars Kotthoff Jul 19 '15 at 18:29

Wikipedia API + Cross-origin requests in D3

0 Answers0