Load json from github file

Question

I'm trying to access/retrieve some json data from a webpage hosted by github pages, so all of my files are within my repository.

I'm trying to do

$.getJSON("https://raw.githubusercontent.com/mydata.json", function(data){
      console.log(data);
}

from my html page on github-pages, since that's the only way I know how to access the json data right now. However, The json content is on the domain https://raw.githubusercontent.com while my page is from the domain http://mygithub.github.io, so I'm getting a 'Access-Control-Allow-Origin' error, even though the data is all hosted on the same place at least?

Any ideas on how to fix that, or get around that? I've been looking up some CORS stuff but don't completely understand it, nor how to change anything related to that on github.

Thanks!

I am not sure you have any options other than to use a server side script and CURL the json page and re-serve it on your local URL. Not sure if that is even possible with your hosting. — John Fable, Apr 13 '15 at 19:14

score 5 · Accepted Answer · answered Apr 13 '15 at 21:34

5

Why don't you simply call http://mygithub.github.io/mydata.json ?

githubusercontent.com is slow and doesn't return the correct mime type for json text-plain instead of application/json.

answered Apr 13 '15 at 21:34

David Jacquel

51,670
6
121
147

score 4 · Answer 2 · answered Apr 13 '15 at 20:35

4

Try adding ?callback=? to force it to use jsonp:

$.getJSON("https://raw.githubusercontent.com/mydata.json?callback=?", function(data){
      console.log(data);
});

It appears to get a response, but in this case it is a 400 bad request so I cannot confirm its success.

answered Apr 13 '15 at 20:35

andyd_28

161
6

This did work, but as the other answer mentioned, it did end up returning the wrong mime type. Thank you though! – rzs Apr 14 '15 at 20:11
1

Is this `?callback=?` documented somewhere? How did you find out this even existed? – JamesWilson Feb 23 '19 at 11:39
https://api.jquery.com/jquery.getjson/ details it very briefly under the sub heading JSONP – andyd_28 Mar 15 '19 at 14:29

score 1 · Answer 3 · answered Sep 05 '21 at 10:21

1

I found a simple solution. If you add this to your URL, it's works: https://cors-anywhere.herokuapp.com/

Example: https://cors-anywhere.herokuapp.com/https://raw.githubusercontent.com/mydata.json

answered Sep 05 '21 at 10:21

Lucas Moy

11
1

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – cursorrux Sep 05 '21 at 11:05
Please add further details to expand on your answer, such as working code or documentation citations. – Community Sep 05 '21 at 11:05

Load json from github file

3 Answers3

Linked