AngularJS內置服務器--$http服務的簡單用法

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章