Angular.js中$resource高大上的資料互動詳解，angular.jsresource

Angular.js中$resource高大上的資料互動詳解，angular.jsresource

本文主要給大家介紹的是關於Angular.js中$resource資料互動的相關內容，分享出來供大家參考學習，下面來一起看看詳細的介紹：

$resource

建立一個resource對象的工廠函數，可以讓你安全的和RESFUL服務端進行資料互動。

需要注入 ngResource 模組。angular-resource[.min].js

預設情況下，末尾斜杠（可以引起後端伺服器不期望出現的行為）將從計算後的URL中剝離。

這個可以通過$resourceProvider配置：

 app.config(["$resourceProvider",function($resourceProvider){ $resourceProvider.defaults.stripTrailingSlashes = false; }])

依賴：$http

使用：$resource(url,[paramDefaults],[actions],options);

url:一個參數化的url模板，帶有首碼參數(如：/user/:username)。如果你使用的是帶連接埠號碼的URL(如：http://example.com:8080/api)，則需要謹慎考慮。如果帶有尾碼(如：http://example.com/resource.json 或者 http://example.com/:id.json 或者 http://example.com/resource/:resource_id.:format) 。如果尾碼之前的參數是空的，在這情況下:resource_id 比 /.優先執行，如果你需要這個序列出現而不崩潰，那麼你可以通過/\.避免。

paramDefaults:url參數的預設值，這些可以在方法重寫。如果參數的任何一個值是函數，它將作為每一次請求擷取的參數值而被執行(除非該參數被忽略的)。

參數對象中的每個索引值對都是先綁定到一個url模板，任何多餘的密鑰都被附加到url query的“？”後。 /path/:verb +{verb:'greet',salutation:'hello'}  =>  /path/greet?salutation=hello

actions: 使用者對於resource行為的預設設定進行擴充的自訂配置的散列，該配置將會以$http.config的格式建立。

action: 字串，action的名稱，這個名稱將成為resource對象方法的名稱。

method：字串，http方法（不區分大小寫，如GET, POST, PUT, DELETE, JSONP等）。

params：對象，這次行動預先設定的參數。如果任何參數的值是一個函數，當一個參數值每一次需要獲得請求時都會被執行（除非該參數被忽略的）。

url：字串，行為指定的網址。

isArray：boolean，如果為true，那麼這個行為返回的對象是個數組。

transformRequest：函數/函數的數組。轉換函式或者一個包含轉換函式的數組。轉換函式擷取http請求體和要求標頭，並且返回他們的轉換版（通常是序列化）。

transformResponse：函數/函數的數組。轉換函式或者一個包含轉換函式的數組。轉換函式擷取http響應體和回應標頭，並且返回他們的轉換版（通常是序列化）。

cache：boolean，如果為true，一個預設的$http緩衝將被作為請求的緩衝，否則如果存在一個用$cacheFactory建立的緩衝執行個體，則將用於緩衝。

timeout：數值，毫秒，逾時則讓請求中止。

withCredentials：boolean，是否設定withcredentials flag的XHR對象。查看更多資訊的憑據。

responseType：字串，回應標頭類型。

interceptor：對象，攔截對象有兩個可選方法-response和responseError。

Options：擴充$resourceProvider行為的自訂設定，唯一支援的選項是stripTrailingSlashes,boolean類型，如果為真，url尾部的斜杠會被移除（預設為true）。

五種預設行為：

{　　“get”:{method:“get”},　　“save”:{method:“post”}　　“query”:{method:“get”,isArray:true}　　“remove”:{method:“delete”}　　“delete”:{method:“delete”}}get([params],[success],[error]);save([params],postData,[success],[error]);query([params],[success],[error]);remove([params],postData,[success],[error]);delete([params],postData,[success],[error]);$save([params],[success],[error]);$remove([params],[success],[error]);

使用代碼：

(function () { angular.module("Demo", ["ngResource"]) .controller("testCtrl", ["$resource",testCtrl]); function testCtrl($resource) {  var myResource = $resource("/url/_url", {}, {  myPost: {   method: "post",   url: "/newUrl/_newUrl",   params: { id: "4" },   interceptor: {   response: function (d) {    console.log(d);   },   responseError: function (d) {    console.log(d);//這裡的是隨便寫的地址，所以執行了error裡的函數，可列印看參數及結果   }   }  }  });  myResource.get({ id: "1" }, function (d) {  console.log(d);  }, function (d) {  console.log(d);//這裡的是隨便寫的地址，所以執行了error裡的函數，可列印看參數及結果  });  myResource.query({ content: "text" }, function (d) {  console.log(d);  }, function (d) {  console.log(d);//這裡的是隨便寫的地址，所以執行了error裡的函數，可列印看參數及結果  });  myResource.save({ text: "Hello World" }, { text: "Hello World" }, function (d) {  console.log(d);  }, function (d) {  console.log(d);//這裡的是隨便寫的地址，所以執行了error裡的函數，可列印看參數及結果  });  myResource.remove({ text: "Hello World" }, { text: "Hello World" }, function (d) {  console.log(d);  }, function (d) {  console.log(d);//這裡的是隨便寫的地址，所以執行了error裡的函數，可列印看參數及結果  });  myResource.delete({ text: "Hello World" }, { text: "Hello World" }, function (d) {  console.log(d);  }, function (d) {  console.log(d);//這裡的是隨便寫的地址，所以執行了error裡的函數，可列印看參數及結果  });  var newResource = new myResource();  newResource.$save({ id: "2" }, function (d) {  console.log(d);  }, function (d) {  console.log(d);//這裡的是隨便寫的地址，所以執行了error裡的函數，可列印看參數及結果  });  newResource.$remove({ id: "3" }, function (d) {  console.log(d);  }, function (d) {  console.log(d);//這裡的是隨便寫的地址，所以執行了error裡的函數，可列印看參數及結果  });  myResource.myPost(); }; }());

關於$resource，這裡只是簡單的介紹和使用，本獸對$resource的理解也不會很深(很少用到restful)，希望有人交流相關問題。

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的協助，如果有疑問大家可以留言交流，謝謝大家對幫客之家的支援