AngularJs $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)，希望有人交流相關問題。關於RESTFUL的，詳情請戳大神阮一峰的文章：http://www.ruanyifeng.com/blog/2011/09/restful