AngularJS $http.get 요청에서 데이터 전달

AngularJS에서 $http.get 메서드를 사용하면 원격에서 데이터를 검색할 수 있습니다. 섬기는 사람. $http.post는 요청 페이로드에서 데이터 전달을 지원하지만 $http.get은 본질적으로 데이터 처리 메커니즘이 다릅니다.

HTTP GET 제약 조건 이해

$http와 달리 .post, $http.get은 정보 검색용으로 설계되었으며 서버에 데이터를 전송하기 위한 기본 제공 메커니즘이 없습니다. 이는 GET 요청이 멱등성을 갖도록 의도되었기 때문입니다. 즉, 서버 상태를 수정하지 않습니다.

해결책: 쿼리 문자열 매개변수 사용

$http.get 요청을 통해 쿼리 문자열 매개변수를 활용할 수 있습니다. AngularJS는 이러한 매개변수를 지정하기 위해 구성 객체 내에서 params 옵션을 제공합니다.

쿼리 문자열 매개변수 전달 구문

$http({
  url: user.details_path,
  method: "GET",
  params: {user_id: user.id}
});

이 코드에서 params 객체에는 키-값 쌍 {user_id: user.id}가 포함되어 있습니다. 요청이 전송되면 이 데이터는 URL 끝에 쿼리 ​​문자열로 추가되어 다음 형식의 GET 요청이 생성됩니다.

https://example.com/user/details?user_id=123

문서 참조

• [AngularJS API: $http.get](http://docs.angularjs.org/api/ng.$ http#get)
• [AngularJS API: $http](https://docs.angularjs.org/api/ng/service/$http#usage)(params 매개변수의 사용을 보여줍니다)