restangular初體驗-創(chuàng)新互聯(lián)

Restangular是一種AngularJS服務(wù)，可以使用最少的客戶端代碼簡化常見的GET，POST，DELETE和UPDATE請求。它適用于任何從RESTful API中獲取數(shù)據(jù)的WebApp。

成都創(chuàng)新互聯(lián)長期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為沙縣企業(yè)提供專業(yè)的成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)，沙縣網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

可以從bower和npm包管理器中獲取restangular，初次嘗試也可以使用cdn

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/restangular/1.5.1/restangular.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/restangular/1.5.1/restangular.min.js"></script>

第一種是未壓縮版，第二種是壓縮版，相比前者壓縮版體積更小。

// Add Restangular as a dependency to your app
angular.module('your-app', ['restangular']);// Inject Restangular into your controller
angular.module('your-app').controller('MainCtrl', function($scope, Restangular) {  // ...});

這里演示了如何加載restangular。

注入rest的時候要用小寫，作為依賴的時候要大寫，不然會報錯。

// First way of creating a Restangular object. Just saying the base URL
var baseAccounts = Restangular.all('accounts');// This will query /accounts and return a promise.
baseAccounts.getList().then(function(accounts) {  
    $scope.allAccounts = accounts;
});

第一行代碼聲明了基礎(chǔ)的路由地址，.getList()用于通過路由/accounts發(fā)起一次查詢請求。

var newAccount = {name: "Gonto's account"};// POST /accounts
baseAccounts.post(newAccount);

向/accounts地址發(fā)送post請求，發(fā)送的數(shù)據(jù)為newAccount對象

// Just ONE GET to /accounts/123/buildings/456
Restangular.one('accounts', 123).one('buildings', 456).get()

one方法為向URL中追加參數(shù)，第一個參數(shù)是參數(shù)名，第二個是參數(shù)值，最終的get()決定了請求為get方式還是post方式。

當然one方法也可以不帶參數(shù)名，比如像我項目中就有這么一行代碼

function delete(id){
    Restangular.all('service').one(id).remove();
}

這里請求為delete，向service發(fā)送刪除請求，刪除的id為XXX，最終形成的路由為

/service/`id`

暫時常用的是這些，如果有其他方式會另行補充。

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

本文名稱：restangular初體驗-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://muchs.cn/article0/cedsoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、網(wǎng)站制作、外貿(mào)建站、靜態(tài)網(wǎng)站、網(wǎng)站維護、網(wǎng)站設(shè)計公司

廣告

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