溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文主要給大家介紹的是關于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)，希望有人交流相關問題。
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對億速云的支持
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
