$htttp内置服务
AngularJS給我們提供了大量的內(nèi)置服務(wù)，通過這些內(nèi)置服務(wù)就可以快捷的進(jìn)行一些業(yè)務(wù)功能流程的自動處理了。
AngularJS的內(nèi)置服務(wù)有：$window用于注入原生JS中的window對象
$document用于注入原生JS中的document文檔對象
$timeout用于注入封裝的原生JS中的setTimeout()函數(shù)處理過程
$interval用于注入封裝的原生JS中的setInterval()函數(shù)處理過程
$location用于注入原生JS中的location對象方便對于URL地址等操作
$http用于注入封裝的Ajax操作進(jìn)行異步數(shù)據(jù)請求等等
今天說說我對于$http內(nèi)置服務(wù)的理解：
$http服務(wù)是AngularJS的核心服務(wù)之一，這個服務(wù)主要封裝了XMLHttpRequest對象和JSONP數(shù)據(jù)訪問模式來完成遠(yuǎn)程服務(wù)的數(shù)據(jù)請求！
其語法為：
$http({method:”GET”,/* 請求發(fā)送方式 */
url:url /* 請求地址*/
}).then( function success(res) { // 成功處理函數(shù) }, function error(res) { // 請求失敗處理函數(shù) } )AngularJS為了方便開發(fā)人員進(jìn)行快捷的異步數(shù)據(jù)請求的處理，提供了一系列的快捷函數(shù)方便開發(fā)，主要由如下的函數(shù)：
$http.get()
$http.post()
$http.jsonp()
$http.header()
$http.patch()
$http.put()
$http.delete()
$http.get(“url”).then(fn1, fn2);
在常規(guī)項目開發(fā)時，使用較多的是原始的內(nèi)置服務(wù)$http的$http({}).then(fn1, fn2)函數(shù)進(jìn)行異步數(shù)據(jù)處理。
我們通過登陸的實例來更加深刻的了解$http內(nèi)置服務(wù)：
<!--html代碼--> <!DOCTYPE html> <html ng-app="myApp"> <head><meta charset="UTF-8"><title>Title</title><script src="js/lib/AngularJS/angular.min.js"></script> </head> <body> <div class="form" ng-controller="myCtrl">用戶名:<input type="text" ng-model="username"><br/>密碼：<input type="text" ng-model="password"><br/><button ng-click="loginFn()">登陸</button> </div> </body> </html>
<!--js代碼--><script>var app = angular.module("myApp",[]);app.controller("myCtrl",["$scope","$http",function($scope,$http){$scope.loginFn = function(){$http({method:"GET",url:"http://datainfo.duapp.com/shopdata/userinfo.php",//登陸端口params:{status:"login",userID:$scope.username,password:$scope.password}}).then(function success(resp){console.log("請求成功",resp);if(resp.data instanceof Object){ //判斷是否是對象console.log("登陸成功，跳轉(zhuǎn)首頁！");}else{console.log("登錄失敗");}},function error(resp){console.log("請求失敗");})}}]) </script>
js代碼中，我們用$http內(nèi)置服務(wù)來實現(xiàn)登陸的功能。
注：
method：如果是“GET”的方式，我們使用params來傳遞參數(shù)
? ? ? ? ? ? ? ? 如果是Post請求，我們使用data來嘗試傳遞參數(shù)。
總結(jié)
以上是生活随笔為你收集整理的$htttp内置服务的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mac 上php不可用,Mac_Mac蓝
- 下一篇： 学习-Python函数之函数定义与调用之