>  기사  >  웹 프론트엔드  >  각도에서 $http 서비스를 사용하는 방법

각도에서 $http 서비스를 사용하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-03-16 17:24:091575검색

이번에는 Angle에서 $http 서비스를 사용하는 방법을 알려드리겠습니다.Angular에서 $http 서비스를 사용할 때 주의사항은 무엇인가요?

$http service

$http(requestConfig)는 캡슐화된 XMLHttpRequest 객체일 뿐입니다.

requestConfig는 요청 매개변수를 보내는 데 사용되는 개체입니다.

Promise 객체를 반환합니다

$http({ method: 'GET', url: '/someUrl' }).then(function successCallback(response) { // 请求成功执行代码 }, function errorCallback(response) { // 请求失败执行代码 });

Promise가 반환되면 체인에서 호출할 수 있습니다. then 메소드를 사용하여 콜백을 처리할 수도 있습니다.

응답 상태 코드가 200에서 299 사이이면 응답은 성공한 것으로 간주되어 성공 콜백이 호출되고, 그렇지 않으면 오류
콜백이 호출됩니다.

HttpPromise 개체에서 then(), Success() 및 error() 메서드를 호출합니다. then() 메서드와 다른 두 메서드의 주요 차이점은 완전한 응답 객체를 수신하는 반면, Success() 및 error()는 응답 객체를 파괴한다는 것입니다.

단축 메소드

$http.get
$http.get
$http.head
$http.post
$http.put
$http.delete
$http.jsonp
$http.patch

Response 객체

AngularJS가 then() 메소드에 전달한 응답 객체에는 4가지 속성이 포함되어 있습니다.

 데이터(
문자열 또는 개체) 이 데이터는 변환된 응답 본문을 나타냅니다(변환이 정의된 경우).
 상태(숫자 유형)
응답의
HTTP 상태 코드입니다.  헤더(함수)
이 함수는 헤더 정보의 getter 함수로, 매개변수를 받아 해당 이름의 값을 가져올 수 있습니다. 예를 들어 다음 코드를 사용하여 X-Auth-ID 값을 얻습니다.

method: 'GET',url: '/api/users.json'}).then (resp) {// 读取X-Auth-ID
resp.headers('X-Auth-ID');
});

 config (object)

이 개체는 원래 요청을 생성하는 데 사용되는 완전한 설정 개체입니다.

 statusText(문자열)
이 문자열은 응답의 HTTP 상태 텍스트입니다.


$http 요청 캐싱

기본적으로 $http 서비스는 요청을 로컬로 캐시하지 않습니다. 개별 요청을 보낼 때 부울 값이나 캐시 인스턴스를

$http 요청에 전달하여 캐싱을 활성화할 수 있습니다.

.success(function(data) {})
 .error(function(data) {});

요청이 처음 전송되면 $http 서비스는 /api/users.json에 GET 요청을 보냅니다. 동일한 GET

요청이 두 번째로 전송되면 $http 서비스는 실제로 HTTP GET 요청을 전송하지 않고 캐시에서 요청 결과를 검색합니다.

이 예에서는 캐싱이 활성화되어 있으므로 AngularJS는 기본적으로 $cacheFactory를 사용합니다. 이 서비스는 시작 시
AngularJS에 의해 자동으로 생성됩니다.
예를 들어 LRU(Least Recenlty Used, Least Recent Used) 캐시를 사용하려면 다음과 같이
캐시 인스턴스 객체를 전달하면 됩니다.

var lru = $cacheFactory('lru',{capacity: 20
 }); // $http请求
 $http.get('/api/users.json', { cache: lru })
 .success(function(data){})
 .error(function(data){});

매번 사용자 정의 캐시를 전달하는 것은 매우 번거로운 작업입니다. 요청을 보냅니다(서비스 중에도). .config() 함수를 적용하여 모든 $http 요청에 대한 기본 캐시를 설정할 수 있습니다.

 angular.module('myApp', [])
      .config(function($httpProvider, $cacheFactory) {
      $httpProvider.defaults.cache = $cacheFactory('lru', {
      capacity: 20
      });
      });

이제 모든 요청은 사용자 정의 LRU 캐시를 사용합니다.

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

Html5


동적 메뉴 또는 드롭다운 목록을 생성하는 JavaScript 코드


해당 레이아웃의 현재 적합성을 결정하는 JavaScript 코드


텍스트 단어 수를 제한하는 JavaScript 코드

위 내용은 각도에서 $http 서비스를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.