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