如何从我的angularjs页面中的RESTful API访问服务？

Question

我对angularJS很陌生。我正在寻找从RESTful API访问服务的方法，但我一无所知。我怎样才能做到这一点？

Answer 1

选项1：$ http服务

AngularJS提供的$http服务完全可以满足您的需求：使用JSON将AJAX请求发送到Web服务并从中接收数据（非常适合与REST服务通信）。

举个例子（取自AngularJS文档，稍作改动）：

$http({ method: 'GET', url: '/foo' }).
  success(function (data, status, headers, config) {
    // ...
  }).
  error(function (data, status, headers, config) {
    // ...
  });

选项2：$资源服务

请注意，AngularJS中还有另一个服务，该$resource服务以更高级的方式提供对REST服务的访问（示例再次取自AngularJS文档）：

var Users = $resource('/user/:userId', { userId: '@id' });
var user = Users.get({ userId: 123 }, function () {
  user.abc = true;
  user.$save();
});

选项3：矩形

此外，还有第三方解决方案，例如Restangular。请参阅其文档以了解如何使用它。基本上，这是一种更具声明性的方式，可以使您摆脱更多细节。