Angular.js中$resource高大上的數(shù)據(jù)交互詳解

本文主要給大家介紹的是關(guān)于Angular.js中$resource數(shù)據(jù)交互的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面來一起看看詳細(xì)的介紹：

公司主營業(yè)務(wù)：成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出山東免費(fèi)做網(wǎng)站回饋大家。

$resource

創(chuàng)建一個(gè)resource對(duì)象的工廠函數(shù)，可以讓你安全的和RESFUL服務(wù)端進(jìn)行數(shù)據(jù)交互。

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

默認(rèn)情況下，末尾斜杠（可以引起后端服務(wù)器不期望出現(xiàn)的行為）將從計(jì)算后的URL中剝離。

這個(gè)可以通過$resourceProvider配置：

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

依賴：$http

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

url:一個(gè)參數(shù)化的url模板，帶有前綴參數(shù)(如：/user/:username)。如果你使用的是帶端口號(hào)的URL(如：http://example.com:8080/api)，則需要慎重考慮。如果帶有后綴(如：http://example.com/resource.json 或者 http://example.com/:id.json 或者 http://example.com/resource/:resource_id.:format) 。如果后綴之前的參數(shù)是空的，在這情況下:resource_id 比 /.優(yōu)先執(zhí)行，如果你需要這個(gè)序列出現(xiàn)而不崩潰，那么你可以通過/\.避免。

paramDefaults:url參數(shù)的默認(rèn)值，這些可以在方法重寫。如果參數(shù)的任何一個(gè)值是函數(shù)，它將作為每一次請求獲取的參數(shù)值而被執(zhí)行(除非該參數(shù)被忽略的)。

參數(shù)對(duì)象中的每個(gè)鍵值對(duì)都是先綁定到一個(gè)url模板，任何多余的密鑰都被附加到url query的“？”后。 /path/:verb +{verb:'greet',salutation:'hello'} => /path/greet?salutation=hello

actions:用戶對(duì)于resource行為的默認(rèn)設(shè)置進(jìn)行擴(kuò)展的自定義配置的散列，該配置將會(huì)以$http.config的格式創(chuàng)建。

action: 字符串，action的名稱，這個(gè)名稱將成為resource對(duì)象方法的名稱。

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

params：對(duì)象，這次行動(dòng)預(yù)先設(shè)定的參數(shù)。如果任何參數(shù)的值是一個(gè)函數(shù)，當(dāng)一個(gè)參數(shù)值每一次需要獲得請求時(shí)都會(huì)被執(zhí)行（除非該參數(shù)被忽略的）。

url：字符串，行為指定的網(wǎng)址。

isArray：boolean，如果為true，那么這個(gè)行為返回的對(duì)象是個(gè)數(shù)組。

transformRequest：函數(shù)/函數(shù)的數(shù)組。轉(zhuǎn)換函數(shù)或者一個(gè)包含轉(zhuǎn)換函數(shù)的數(shù)組。轉(zhuǎn)換函數(shù)獲取http請求體和請求頭，并且返回他們的轉(zhuǎn)換版（通常是序列化）。

transformResponse：函數(shù)/函數(shù)的數(shù)組。轉(zhuǎn)換函數(shù)或者一個(gè)包含轉(zhuǎn)換函數(shù)的數(shù)組。轉(zhuǎn)換函數(shù)獲取http響應(yīng)體和響應(yīng)頭，并且返回他們的轉(zhuǎn)換版（通常是序列化）。

cache：boolean，如果為true，一個(gè)默認(rèn)的$http緩存將被作為請求的緩存，否則如果存在一個(gè)用$cacheFactory創(chuàng)建的緩存實(shí)例，則將用于緩存。

timeout：數(shù)值，毫秒，超時(shí)則讓請求中止。

withCredentials：boolean，是否設(shè)置withcredentials flag的XHR對(duì)象。查看更多信息的憑據(jù)。

responseType：字符串，響應(yīng)頭類型。

interceptor：對(duì)象，攔截對(duì)象有兩個(gè)可選方法-response和responseError。

Options：擴(kuò)展$resourceProvider行為的自定義設(shè)置，唯一支持的選項(xiàng)是stripTrailingSlashes,boolean類型，如果為真，url尾部的斜杠會(huì)被移除（默認(rèn)為true）。

五種默認(rèn)行為：

{

　　“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);//這里的是隨便寫的地址，所以執(zhí)行了error里的函數(shù)，可打印看參數(shù)及結(jié)果
   }
   }
  }
  });
  myResource.get({ id: "1" }, function (d) {
  console.log(d);
  }, function (d) {
  console.log(d);//這里的是隨便寫的地址，所以執(zhí)行了error里的函數(shù)，可打印看參數(shù)及結(jié)果
  });
  myResource.query({ content: "text" }, function (d) {
  console.log(d);
  }, function (d) {
  console.log(d);//這里的是隨便寫的地址，所以執(zhí)行了error里的函數(shù)，可打印看參數(shù)及結(jié)果
  });
  myResource.save({ text: "Hello World" }, { text: "Hello World" }, function (d) {
  console.log(d);
  }, function (d) {
  console.log(d);//這里的是隨便寫的地址，所以執(zhí)行了error里的函數(shù)，可打印看參數(shù)及結(jié)果
  });
  myResource.remove({ text: "Hello World" }, { text: "Hello World" }, function (d) {
  console.log(d);
  }, function (d) {
  console.log(d);//這里的是隨便寫的地址，所以執(zhí)行了error里的函數(shù)，可打印看參數(shù)及結(jié)果
  });
  myResource.delete({ text: "Hello World" }, { text: "Hello World" }, function (d) {
  console.log(d);
  }, function (d) {
  console.log(d);//這里的是隨便寫的地址，所以執(zhí)行了error里的函數(shù)，可打印看參數(shù)及結(jié)果
  });
  var newResource = new myResource();
  newResource.$save({ id: "2" }, function (d) {
  console.log(d);
  }, function (d) {
  console.log(d);//這里的是隨便寫的地址，所以執(zhí)行了error里的函數(shù)，可打印看參數(shù)及結(jié)果
  });
  newResource.$remove({ id: "3" }, function (d) {
  console.log(d);
  }, function (d) {
  console.log(d);//這里的是隨便寫的地址，所以執(zhí)行了error里的函數(shù)，可打印看參數(shù)及結(jié)果
  });
  myResource.myPost();
 };
 }());

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

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對(duì)創(chuàng)新互聯(lián)的支持

網(wǎng)頁標(biāo)題：Angular.js中$resource高大上的數(shù)據(jù)交互詳解
URL網(wǎng)址：http://muchs.cn/article32/pppesc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、企業(yè)網(wǎng)站制作、動(dòng)態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、做網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容