AngularJS http

angular 가 관리하고 있는어떤객체($scope)를 함수의 첫번째 인자로 넣어달라는 의미

엄밀히 말하면 서비스라고 볼수 있어

두번째 인자로 http 넣어

$http 는

Jquery 에서 ajax 처리 한거를

Angular 에선 $http 를 이용해서 구현함

모듈과 컨트롤러 구현

얘를 눌렀을때 서버에 Ajax 전송을 할거야

$http 는 함수에 두번째 인자로 전달된 서비스야

전송이 성공했을때 실행되는 함수, 실패했을때 실행되는 함수를 등록을 하는거야

이렇게 구성을해봐

이거를 처리할 httpTest.jsp 페이지 만들어

뭔가 ok가 나왔어

서버엔 null 이 들어가 있긴한데 jsp 페이지가 요청된것은 확인할수 있어

success 가 뜨는걸 봐서는 뭔가가 전송을 하고 있는거야

헤더정보 추가

여기 코드 바꿔주고

테스트 해봐

mvnrepository 들어가서

json simple 검색

1.1.1 찾아서 다운받아

받은 jar 파일

여기에 추가해

뭐가 없어

이거 받아서

가져다 놓고

jsp 코딩

추출이 되는 것을 확인가능



Step09_http2.html 만들어

처음엔 아무것도 없다가

입력을 하면 formData 에 있는게 알아서 JSON 으로 구성이 돼

폼 전송이 되지 않도록 지워놔

submit 실행됐을때 alert 창이 뜸

따로따로 읽어서 obj를 구성할 필요 없이

빈 obj를 만들어 놓고 formData.name 해주면 알아서 json 으로 구성돼

헤더 정보 추가해주고

httpTest2 만들고

이렇게 해줘

$scope 추가해줘

서버측 콘솔에 이렇게 출력이 되면 돼

http3 만들어

이렇게 수정

이것도 만들어서

Step09_http2

실행 시켜서

전송 눌렀을때 이렇게 나오면 된 것임

contentType을

json 방식으로 바꾸고

응답을 샘플로 하나 만들고

응답을 콘솔에 출력을 하는 거니

알아서 object로 들어옴