json array available via browser, but fails silently via getJSON

Question

This is my first time here so please bear with me.

I have these two similar web apis, both accessible using browser but only one works with jquery. What gives?

This one is available using browser and using getjson, all good:

$.getJSON( "http://api.openweathermap.org/data/2.5/weather?q=london&appid=33d0ba5efa0edb1a2282c3165b00d15e&units=metric")
.done(function( json ) {
console.log( "JSON Data: " + json.name );
})
.fail(function( jqxhr, textStatus, error ) {
var err = textStatus + ", " + error;
console.log( "Request Failed: " + err );
});

This one below is nearly identical, but only available if you go the address, if you try to get json it fails silently or throws error:

$.getJSON( "http://info.studyinpoland.pl/admin/public/api/events")
.done(function( json ) {
console.log( "JSON Data: " + json[0].id );
})
.fail(function( jqxhr, textStatus, error ) {
var err = textStatus + ", " + error;
console.log( "Request Failed: " + err );
});

Why does this fail? I need the data from http://info.studyinpoland.pl/admin/public/api/events, how else can I access it using javascript?

Thanks. The problem was cross-origin indeed, it was changed server side. — Chris, Dec 19 '16 at 22:24

score 0 · Answer 1 · answered Dec 19 '16 at 12:41

0

If you look in your console you will get this error "XMLHttpRequest cannot load http://info.studyinpoland.pl/admin/public/api/events?_=1482151092048. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://stackoverflow.com' is therefore not allowed access."

To fix this problem what I did was make my ajax calls from my backend instead of the front-end and it works just fine.

Hope this helps :)

answered Dec 19 '16 at 12:41

itajenglish

136
4
11

I cannot duplicate the above error messages. Read the articles above too. So it seems the only real option is modify the backend in some way or other (to which I have no access). Is there really no pure front end javascript solution? – Chris Dec 19 '16 at 14:01

score -2 · Answer 2 · answered Dec 19 '16 at 15:08

-2

I found a solution. Download this chrome extension. https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=gmail

answered Dec 19 '16 at 15:08

itajenglish

136
4
11

Hardly a generally applicable solution, since you can't expect all your visitors to install this extension. It's for debugging only. – deceze Dec 19 '16 at 15:18

json array available via browser, but fails silently via getJSON

2 Answers2