How to access couchdb cross domain from angularjs

Question

I've set up a local environment, where I load data from a json file:

var Players = $resource('data/players.json');
var players = Players.query(function(){});

And it works great.

Now I want to access a CouchDB on a different domain (http://playball.iriscouch.com/players), and based on the google buzz example I've tried the following, but I can't make it work:

var Players = $resource('http://playball.iriscouch.com/players',  
  {alt: 'json', callback: 'JSON_CALLBACK'},
  {get:     {method: 'JSON'}
});

var players = Players.query(function(){});

I simply receive an empty array... Any ideas?

Thanks a buch!

Sune

This might help: http://kxepal.iriscouch.com/docs/1.3/features/cors.html — Costa Michailidis, Apr 13 '13 at 22:23

Vojta · Accepted Answer · 2012-05-27T18:56:31.757

7

If you have control over the server, use CORS.

To correct your example:

var Players = $resource('http://playball.iriscouch.com/players',

  // These params will be set to each request (?alt=json&callback=JSON_CALLBACK),
  // where JSON_CALLBACK placeholder will be replaced with correct callback fn,
  // generated by Angular.
  {alt: 'json', callback: 'JSON_CALLBACK'},

  // You need to configure query method to use JSONP
  {query:     {method: 'JSONP'}
});

var players = Players.query(function(){});

Be sure to check whether server is responding correct data (Dev Toolbar - Network panel).

edited May 27 '12 at 18:56

answered Mar 08 '12 at 03:54

Vojta

23,061
5
49
46

so should this be as follows ? {query: {method: 'JSONP'} – ganaraj May 25 '12 at 10:56
This is what I have been looking for all day, Thanks a lot! – im8bit Apr 12 '13 at 22:22
This might be helpful as well: http://kxepal.iriscouch.com/docs/1.3/features/cors.html – Costa Michailidis Apr 13 '13 at 22:23

How to access couchdb cross domain from angularjs

1 Answers1