AngularJS 에서$http 사용 에 대한 간단 한 설명

AngularJS 에 서 는 주로$http 서 비 스 를 사용 하여 원 격 http 서버 와 상호작용 을 하 는데 그 역할 은 jquery 의$.ajax 서비스 와 유사 합 니 다.

$http 는 AngularJS 의 핵심 서비스 로 브 라 우 저의 xml.httprequest 또는 via JSONP 대상 을 이용 하여 원 격 HTTP 서버 와 상호작용 을 합 니 다.

$.ajax 와 마찬가지 로 다양한 method 요청 을 지원 합 니 다:get,post,put,delete 등;

controller 에 서 는$scope 와 같은 방식 으로$http 대상 을 가 져 올 수 있 습 니 다.예 를 들 어 function controller($http,$scope){};

$http 사용 설명:
$http 서 비 스 는 다음 코드 와 같이 사용 합 니 다:


// 1.5    
$http(config)
.success(function(data, status, headers, config){//        })
.error(function(data, status, headers, config){//        })

// 1.5    
$http(config).then(
function successCallback(response){//        },
function errorCallback(response){//        }
);

구체 적 인 매개 변수,방법 설명:
설정 매개 변수:

config 는 요청 한 설정 매개 변수 집합 으로 json 형식 입 니 다.

포 함 된 설정 항목 은 다음 과 같 습 니 다.

method:문자열 형식,요청 방식,예 를 들 어"GET","POST","DELETE"등;

url:문자열 형식,요청 한 url 주소;

params:json 형식,요청 매개 변 수 는 url 에 연 결 됩 니까?key=value 의 형식;

data:json 형식,요청 데 이 터 는 요청 에 넣 어 서버 에 보 냅 니 다.

cache:bool 형식,true 는 http GET 요청 시 기본$http cache 를 사용 합 니 다.그렇지 않 으 면$cacheFactory 의 인 스 턴 스 를 사용 합 니 다.

timeout:정수 유형,시간 초과;

리 셋 함수:

success 는 성공 을 요청 한 후의 리 셋 함수 입 니 다.

error 는 요청 이 실패 한 후의 반전 함수 입 니 다.

data 는 응답 체 입 니 다.

status 는 해당 하 는 상태 값 입 니 다.

headers 는 getter 를 가 져 오 는 함수 입 니 다.

config 는 요청 중인 config json 대상 입 니 다.

method 속성 은 config 설정 매개 변수 중의 속성 으로 사용 할 수도 있 고 방법 으로 직접 호출 할 수도 있 습 니 다.예 를 들 어:


$http.post(url, data, config)

$http 사용 사례:


var searchOplog = function ($http, table, btn) {
 $http({
  url: 'data/oplog.json',
  method: 'GET'
 }).then(function successCallback(response) {
  console.log('get Oplog success:', response);
  table.init(response.data);
  btn.button('reset');
  btn.dequeue();
 }, function errorCallback(response) {
  console.log('errorCallback Response is:', response);
  table.init();
  btn.button('reset');
  btn.dequeue();
 });
};

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

SpringMvc+Angularjs 멀티 파일 대량 업로드

SpringMvc 코드 jar 가방 commons-fileupload commons-io spring-mvc.xml 구성 Controller 로컬 저장 AngularJs 코드 Form 양식 커밋 위에서 말한 것은 여...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

AngularJS 에서$http 사용 에 대한 간단 한 설명

좋은 웹페이지 즐겨찾기