$http使得通用的AJAX調用，其中一般意味著它可以包括基于REST的 API加上非RESTful API。

并且$resource專門針對該RESTful部分。

近年來，Restful Api盛行是因為URL的組織性更好，而不是程序員編寫的隨機URL。

如果我使用RESTful API構造url，那將類似于/api/cars/:carId。

$resource 數據獲取方式

angular.module('myApp', ['ngResource'])

// Service

.factory('FooService', ['$resource', function($resource) {

return $resource('/api/cars/:carId')

}]);

// Controller

.controller('MainController', ['FooService', function(FooService){

var self = this;

self.cars = FooService.query();

self.myCar = FooService.get('123');

}]);

這會給你的資源對象，它是伴隨著get，save，query，remove，delete自動的方法。

$http 數據獲取方式

angular.module('myApp', [])

// Service

.factory('FooService', ['$http', function($http){

return {

query: function(){

return $http.get('/api/cars');

},

get: function(){

return $http.get('/api/cars/123');

}

// etc...

}

了解我們如何需要在RESTFul API上定義每個常用操作。還有一個區別是，$http返回promise時$resource返回對象。也有第三方插件可以幫助Angular處理RESTFul API，例如restangular

如果API類似于/api/getcarsinfo。我們剩下的就是使用$http。

總結

以上是生活随笔為你收集整理的angularjs http和ajax,AngularJS $ http和$ resource的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。