AngularJS從Web服務(wù)器請求資源都是通過Ajax來完成，所有的操作封裝在$http服務(wù)中，$http服務(wù)是只能接收一個參數(shù)的函數(shù)，這個參數(shù)是一個對象，用來完成HTTP請求的一些配置，函數(shù)返回一個對象，具有success和error兩個方法。

用法如下：

$http({method:'post',url:'loginAction.do'
}).success(function(data,status,headers,config){
//正常響應(yīng)回調(diào)
}).error(function(data,status,headers,config){
//錯誤響應(yīng)回調(diào)
});

狀態(tài)碼在200-299之間，會認(rèn)為響應(yīng)是成功的，success方法會被調(diào)用，第一個參數(shù)data為服務(wù)器端返回的數(shù)據(jù)，status為響應(yīng)狀態(tài)碼。后面兩個參數(shù)不常用，這里不做介紹。有興趣的朋友請參考AngularJs API文檔。

除此之外$http服務(wù)提供了一些快捷方法，這些方法簡化了復(fù)雜的配置，只需要提供URL即可。比如對于post請求我們可以寫成下面這個樣子：

$http.post("loginAction.do")
.success(function(data,status,headers,config){
//正常響應(yīng)回調(diào)
}).error(function(data,status,headers,config){
//錯誤響應(yīng)回調(diào)
});

下面來看一個案例：

<!DOCTYPE html>
<html ng-app="serverMod">
<head lang="en">
 <meta charset="UTF-8">
 <script type="text/javascript" src="angular-1.3.0.14/angular.js"></script>
 <title>tutorial09</title>
</head>
<body ng-controller="ServerController" ng-init="init()">
<p>name:{{name}}</p>
<p>age:{{age}}</p>
<button ng-click="getInfo()">請求</button>
</body>
<script>
 var serverMod = angular.module("serverMod",[]);
 serverMod.controller("ServerController",function($scope,$log,$http){
  $scope.init = function()
  {
   $log.info("init functionn");
  }
  $scope.getInfo = function()
  {
   $http.get("json/person.json").success(function(data,status){
    alert(status);
    $scope.name = data.name;
    $scope.age = data.age;
   });
  }
 });
</script>
</html>

點擊”請求”按鈕，我們通過$http服務(wù)以get方式向服務(wù)器請求數(shù)據(jù)，服務(wù)器響應(yīng)數(shù)據(jù)格式通常為一段Json，這里我們用一個文本文件代替，person.json內(nèi)容如下：