AngularJS 서비스에서 비동기 HTTP 응답을 올바르게 처리하는 방법은 무엇입니까?

서비스에서 HTTP 응답 처리

AngularJS로 작업할 때 서버 측 API에서 데이터를 검색하기 위해 비동기 작업이 필요한 것이 일반적입니다. 이 문서에서는 서비스에서 HTTP 응답을 처리하고 이에 따라 뷰를 업데이트하는 방법을 설명합니다.

특정 사례에서는 $timeout 대신 $http를 사용할 때 데이터 바인딩이 올바르게 작동하지 않는다고 언급하셨습니다. 이 문제를 해결하려면 $http가 $timeout과 어떻게 다른지 이해하는 것이 중요합니다.

$http는 서버에 비동기 요청을 보내고 약속을 반환합니다. 해당 Promise에는 then 함수를 사용하여 액세스할 수 있는 응답 데이터가 포함되어 있습니다. 예는 다음과 같습니다.

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

컨트롤러에서 myService.async()를 호출하고 해당 then 함수를 사용하여 응답을 처리합니다. $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 중국어 웹사이트의 기타 관련 기사를 참조하세요!