大家好，我是IT修真院成都分院第四期的學(xué)員，一枚正直純潔善良的web程序員
今天給大家分享一下，修真院官網(wǎng)js10任務(wù)中，ANGULAR中$RESOURCE和$HTTP有什么區(qū)別？
1.背景介紹
一、本質(zhì)上功能都是一樣的，都是基于XMLHttpRequest和服務(wù)器交互的服務(wù)
2.知識剖析
一.$HTTP
$http是angular中的一個核心服務(wù)，利用瀏覽器的xmlhttprequest或者via JSONP對象與遠(yuǎn)程HTTP服務(wù)器進行交互?！?$http的使用方式和jquery提供的$.ajax操作比較相同，均支持多種method的請求，get、post、put、delete等。 $http的各種方式的請求更趨近于rest風(fēng)格。 在controller中可通過與$scope同樣的方式獲取$http對象
二、resource
AngularJS中的resource(資源)允許我們用描述性的方式來定義對象模型，它可以描述以下內(nèi)容： 資源在服務(wù)端的URL。
常用的請求參數(shù)類型。
一些附加的方法（你可以自動獲得get、save、query、remove和delete方法），這些方法為對象模型包裝了特定的功能和業(yè)務(wù)邏輯（例如信用卡對象的charge()方法）。 期望獲得的響應(yīng)類型（一個數(shù)組或者一個對象）。 協(xié)議頭
3.常見問題
如何正確的應(yīng)用resource
4解決方案
1、在加載的腳本文件中包含angular-resource.js.
2、在模塊依賴聲明中包含ngResource
3、在需要的地方使用注入的$resource服務(wù)。
5.編碼實戰(zhàn)
app.service('serviceAdd', function(){
this.companyAdd = '/carrots-admin-ajax/a/company/search';
});
app.service('library', function($resource,serviceAdd){
var getCompany = $resource(serviceAdd.companyAdd);
return{
getCompanies: getCompany.get
}
});
angular.module('app').controller('company');
app.controller('company',function(library){
var vm = this;
vm.pageChange=function(){
params=vm.company;
library.getCompanies(params,function(response){
vm.response=response;
vm.a=vm.response.data;
})
};
vm.pageChange();
});
6.擴展思考
使用$resource的必要性
為了代碼的更加的規(guī)范和易維護性。還是很有必要性的
參考一：segmentfault
參考一：$resource
感謝大家觀看
成都-韓陽
視頻：視頻
文本：文本鏈接
ppt:ppt
感謝大家觀看！
今天的分享就到這里啦，歡迎大家點贊、轉(zhuǎn)發(fā)、留言、拍磚~
