為了實現(xiàn)這一點，Angular提供了一個叫做$http的服務。它提供了一個可擴展的抽象方法列表，使得與服務器的交互更加容易。它支持HTTP、JSONP和CORS方式。它還包含了安全性支持，避免JSON格式的脆弱性和XSRF。它讓你可以輕松地轉換請求和響應數(shù)據，甚至還實現(xiàn)了簡單的緩存。

例如，我們打算讓購物站點從服務器上獲取商品信息，而不是從內存假數(shù)據獲取。如何編寫服務端代碼已經超越了本書的范疇，所以，我們僅僅來想象一下，比方說我們已經創(chuàng)建了一個服務器，當查詢/products 路徑時，它會以JSON格式返回一個商品列表。

返回的響應示例如下：

[

 {

  "id": 0,

  "title": "Paint pots",

  "description": "Pots full of paint",

  "price": 3.95

 },

 {

  "id": 1,

  "title": "Polka dots",

  "description": "Dots with that polka groove",

  "price": 12.95

 },

 {

  "id": 2,

  "title": "Pebbles",

  "description": "Just little rocks, really",

  "price": 6.95

 }

 ...etc...

]

我們可以像下面這樣編寫查詢代碼：

function ShoppingController($scope, $http) {

 $http.get('/products').success(function(data, status, headers, config) {

  $scope.items = data;

 });

}

然后在模板中這樣使用它：

<body ng-controller="ShoppingController">

  <h1>Shop!</h1>

  <table>

   <tr ng-repeat="item in items">

    <td>{{item.title}}</td>

    <td>{{item.description}}</td>

    <td>{{item.price | currency}}</td>

   </tr>

  </table>

 </div>

</body>

正如我們前面講過的，從長遠來看，讓服務來代理與服務器交互的工作對我們有好處，這個服務可以被多個控制器共享。

您可能感興趣的文章: