$htttp内置服务
AngularJS給我們提供了大量的內置服務，通過這些內置服務就可以快捷的進行一些業務功能流程的自動處理了。
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({method:”GET”,/* 請求發送方式 */
url:url /* 請求地址*/
}).then( function success(res) { // 成功處理函數 }, function error(res) { // 請求失敗處理函數 } )AngularJS為了方便開發人員進行快捷的異步數據請求的處理，提供了一系列的快捷函數方便開發，主要由如下的函數：
$http.get()
$http.post()
$http.jsonp()
$http.header()
$http.patch()
$http.put()
$http.delete()
$http.get(“url”).then(fn1, fn2);
在常規項目開發時，使用較多的是原始的內置服務$http的$http({}).then(fn1, fn2)函數進行異步數據處理。
我們通過登陸的實例來更加深刻的了解$http內置服務：
<!--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("登陸成功，跳轉首頁！");}else{console.log("登錄失敗");}},function error(resp){console.log("請求失敗");})}}]) </script>
js代碼中，我們用$http內置服務來實現登陸的功能。
注：
method：如果是“GET”的方式，我們使用params來傳遞參數
? ? ? ? ? ? ? ? 如果是Post請求，我們使用data來嘗試傳遞參數。
總結
以上是生活随笔為你收集整理的$htttp内置服务的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mac 上php不可用,Mac_Mac蓝
- 下一篇： Aplication对象 简单聊天室（1