No 'Access-Control-Allow-Origin' header is present on the requested resource error
ajax, cors, javascript, jquery, json
Solution
I believe this might likely be that Chrome does not support `localhost` to go through the `Access-Control-Allow-Origin` -- see Chrome issue
To have Chrome send `Access-Control-Allow-Origin` in the header, just alias your localhost in your /etc/hosts file to some other domain, like:
127.0.0.1 localhost yourdomain.com
Then if you'd access your script using `yourdomain.com` instead of `localhost`, the call should succeed.
Problem
I'm trying to fetch the feed of a news website. Thought I'd use google's feed API to convert the feedburner feed into json. The following url will return 10 posts from the feed, in json format. http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&q=http://feeds.feedburner.com/mathrubhumi I used the following code to get the contents of above url ``` $.ajax({ type: "GET", dataType: "jsonp", url: "http://ajax.googleapis.com/ajax/services/feed/load", data: { "v": "1.0", "num": "10", "q": "http://feeds.feedburner.com/mathrubhumi" }, success: function(result) { //..... } }); ``` but it's not working and I'm getting the following error XMLHttpRequest cannot load http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&q=http%3A%2F%2Ffeeds.feedburner.com%2Fmathrubhumi. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. How do I fix this?