CODEWITHSUNDEEP
javascriptjquerygetcross-domain
OneChillDude
OneChillDude

Reputation: 8006

Cross Domain HTML Get Request

Im using Coda, and Im trying to write a program to use Javascript/Jquery to load nfl's html on their stats page (http://www.nfl.com/stats/player), and then remove all of the excess html. Resulting several lists of players and their stat's.

I've tried using `$('#container').load('http://www.nfl.com/stats/player').

This works fine in Coda, but I can't parse the html the way I want to.

In google chrome I get the error 

XMLHttpRequest cannot load http://www.nfl.com/stats/player. Origin null is not 
allowed by Access-Control-Allow-Origin.

From what I understand this is a security feature built into all browsers. Is there a workaround to this issue? Can I use a different type of request?

I understand that i should be using JSONP for this type of request, but I dont believe the nfl has an API that would make this possible.

I've seen questions like this get thrown around, but I don't think anyone's given a really good solid answer yet.

I think theres still a lot of people wondering if theres an easy way to $.get cross-domain HTML and parse it.

Upvotes: 1

Views: 1275

Answers (1)

Thomas Clayson
Thomas Clayson

Reputation: 29935

You're not allowed to do this because it can be used for XSS (cross site scripting) where scripts are accessed by scripts outside of the domain of the site. i.e. you can get cookie information or such this way.

You will have to do this server side. If you're using php you can use $content = file_get_contents('http://nfl.com/stats/player'); or you can do it using curl if you wish.

Otherwise the legit way to do it is through an API, but as you've pointed out that isn't an option in your case.

Upvotes: 3

Related Questions