Getting a simple get using angular-$resource or $http

Question

Im having a problem in getting the json result on one of my api's:

Tried calling it using the code below:

var url = 'domain.com/'
var query = $http({
    method: 'GET',
    url: url,
    headers: {'Content-Type': 'application/json'}
});
console.log(query);

and a simple $http get on my controller

var url = $http.get('http://domain.com');
console.log(url);

Always gave me the

XMLHttpRequest cannot load http://domain.com. Origin domain is not allowed by Access-Control-Allow-Origin.

Then I tried changing the method type from GET to JSONP but gave me a

Uncaught SyntaxError: Unexpected token :

Weird coz if you view the url using a web browser it is a valid json object.

JSON != JSONP. It doesn't look as if the web service you're using supports JSONP. — André Dion, Aug 16 '13 at 11:28
Hi check this url may be helpful to you http://stackoverflow.com/questions/16195199/create-a-jsonp-api-in-angularjs-consume-with-jquery — JQuery Guru, Aug 16 '13 at 12:02

score 1 · Accepted Answer · answered Aug 16 '13 at 10:39

http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

You are violating the single origin policy by trying to XHR data from a domain external to the domain that delivered the invoking JS. Data retrieved with XHR must originate from the same host and port the site is served from. This is put in place to protect against cross site scripting attacks.

You can work around this with JSONP (I suspect there is a seperate issue with your JSONP call, post it?) or by including the correct headers in the response from your API, Access-Control-Allow-Origin: *;

thanks, for now I made my own web service and added the header and it works!. — Wondering Coder, Aug 19 '13 at 02:14

Getting a simple get using angular-$resource or $http

1 Answers1