如何正確處理 AngularJS 服務中的非同步 HTTP 回應？

在服務中處理 HTTP 回應

使用 AngularJS 時，通常需要非同步操作從伺服器端 API 擷取資料。本文將解釋如何處理服務中的 HTTP 回應並相應地更新視圖。

在您的特定情況下，您提到使用 $http 而不是 $timeout 時資料綁定無法正常運作。要修正這個問題，了解 $http 與 $timeout 的差異至關重要。

$http 向伺服器發送非同步請求並傳回承諾。該 Promise 包含響應數據，可以使用 then 函數存取該數據。這是一個範例：

myService.async().then(function(response) {
  // Update $scope.data here
  $scope.data = response.data;
});

在控制器中，您呼叫 myService.async() 並使用其 then 函數來處理回應。透過將回應的 data 屬性指派給 $scope.data，您可以更新模型並觸發必要的視圖更新。

或者，您可以使用以下方法來快取請求並避免多次發出請求：

var promise;
myService.async = function() {
  if (!promise) {
    promise = $http.get('test.json').then(function(response) {
      // Update $scope.data here
      $scope.data = response.data;
    });
  }
  return promise;
};

這確保了 HTTP 請求只發出一次，即使非同步方法被呼叫多次。

記住，$http是一個傳回 Promise 的非同步函數，而 $timeout 是一個將函數的執行延遲指定毫秒數的函數。為了有效地處理非同步操作，必須使用 Promise 及其 then 函數。

以上是如何正確處理 AngularJS 服務中的非同步 HTTP 回應？的詳細內容。更多資訊請關注PHP中文網其他相關文章！