如何使用公司自己的API從Angular JS應用程序獲取數據？

我正在爲使用Angular JS的CRUD應用程序開發前端開發。他們希望我構建視圖並使用他們的API獲取數據。如何使用公司自己的API從Angular JS應用程序獲取數據？

他告訴我的語法來獲取數據會是這樣的（我從來沒有這樣做）（這只是一個例子）：

var getItems = function() { 
     return $http 
      .get('/api/1/items/available') 
      .success(function (data, status, headers, config) { 
       $scope.items = data.items; 
      }) 
      .error(function (data, status, headers, config) { 
       messageCenterService.add('danger', 'Unable to get the available Tickets and Passes.'); 
      }); 
    };

然後他說：

when you return the $http function, you can use it like: 
getItems().then(... callback success, callback error...) 
or move success() also 
getItems().success(...).then(...)

有人可以幫助我理解這裏發生了什麼，或者指導我使用API和Angular進行良好的教程？我在網上找遍了，找不到類似的東西。

來源

2014-08-28 user3460974

您是否贊成[$ http]（https://docs.angularjs.org/api/ng/service/$http）文檔？ – Callebe 2014-08-28 17:10:18

我會再次審查一下，但我不確定api是如何被拉入的，並希望有一個一步一步解釋這個教程的教程。 – user3460974 2014-08-28 17:18:11

從DOC：

「的$ http服務是取單個參數的函數 - 一個配置對象 - 用於產生一個HTTP請求，並返回具有兩個$ HTTP具體方法一個承諾：成功和錯誤 ... 由於調用$ http函數的返回值是承諾，因此您也可以使用then方法來註冊回調函數，並且這些回調函數將收到一個參數 - 表示響應的對象。「

$ http.get是執行GET請求的快捷方法。

當您撥打$http.get('/api/1/items/available')時，您正在向'/ api/1/items/available'發出GET請求。由於請求是異步的，你必須定義一個回調函數來操作結果，並且回調函數由$ http call返回的promise的'success'和'then'方法進行註冊。 '錯誤'方法用於註冊錯誤回調。

如果您正在使用REST API，可以使用Resource angular module。

來源

2014-08-28 17:26:16 Callebe

這真的讓我感到困惑，你會在哪裏推薦我去了解這一點，並遵循一些教程？ – user3460974 2014-08-28 17:37:34

你知道關於Ajax的東西嗎？ – Callebe 2014-08-28 17:39:32

我知道ajax通過與服務器進行通信而不刷新頁面，但我很難用Angular語法來查看連接。 – user3460974 2014-08-28 17:41:15

如何使用公司自己的API從Angular JS應用程序獲取數據？

回答

相關問題