jQuery $.get() isn't working anywhere I try. jsFiddle Included

Question

I am trying to grab a webpage using the $.get() jQuery function, and so far have been unsuccessful.

I have the following function:

$.get("http://www.lavancier.com/brockCharts/actual-data.html", function(response) { 
document.write(response);
});

That has a valid URL and inside that url is a json (just on a plain html page however). When I try to write the contents, nothing happens. Anyone know why?

Thanks!

http://jsfiddle.net/brockwhittaker/pxq2kkkf/

Any errors in the console? Are you sure you have included jQuery? Are you running this from the same domain (www.lavancier.com) ? How come your HTML page is actually a JSON? — Jeremy Thille, Feb 12 '15 at 12:25
Yes, I was. Here's a fiddle. http://jsfiddle.net/brockwhittaker/pxq2kkkf/ — Brock Whittaker, Feb 12 '15 at 12:28
I figured it out. It was a no-access issue. By getting rid of the http://www...... part, I fixed it. Thanks! — Brock Whittaker, Feb 12 '15 at 12:32

score 0 · Answer 1 · answered Feb 12 '15 at 12:32

0

It is a server config. The server is denying ajax request outside its origin.

It will work if the server has header Access-Control-Allow-Origin: * set. Or, if you move your script to the same origin.

answered Feb 12 '15 at 12:32

Muhammad Reda

26,379
14
93
105

score 0 · Answer 2 · edited May 23 '17 at 11:56

If you look in the console (I am using chrome) I can see that you are getting the following error:

XMLHttpRequest cannot load http://www.lavancier.com/brockCharts/actual-data.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

You need to add a header to lavancier.com which allows cross domain. See Origin is not allowed by Access-Control-Allow-Origin

jQuery $.get() isn't working anywhere I try. jsFiddle Included

2 Answers2