AngularJS提供了大量的內置服務,通過這些內置服務就可以快捷的進行一些業務功能流程的自動處理了,如:
$window
用於注入原生JS中的window對象
$document
用於注入原生JS中的document文檔對象
$timeout
用於注入封裝的原生JS中的setTimeout()函數處理過程
$interval
用於注入封裝的原生JS中的setInterval()函數處理過程
$location
用於注入原生JS中的location對象方便對於URL地址等操作
$http
用於注入封裝的Ajax操作進行異步數據請求等等
什麼是$http
?
$http
:AngularJS的核心服務之一,主要封裝了XMLHttpRequest對象和JSONP數據訪問模式來完成遠程服務的數據請求。
內置服務:$http使用格式:
//簡單get請求方式,可以該爲POST
var app=angular.module("myApp",[]);
app.controller("myCtrl",["$scope","$http",
function($scope,$http){
$http({
method:"GET", //請求發送的方式
url:"請求地址",
params:{},//傳遞參數
}).then(
function success(res){
//請求成功時執行的代碼
},function error(res){
//請求失敗時執行的代碼
}
)
}])
GET()和POST()方式的不同點:
get()方式用params傳遞參數
post()方式用data傳遞參數
簡寫方式:
$http.get('url',params, config).then(fn1, fn2);
$http.post('url', data, config).then(fn1, fn2);
fn1:請求成功時執行的函數
fn2:請求失敗時執行的函數
此外還有以下簡寫方法:
$http.get
$http.post
$http.jsonp
$http.head
$http.put
$http.delete
$http.patch
更詳細內容可參見:https://code.angularjs.org/api/ng/service/$http