Spring MVC05 jQuery($.ajax())를 이용한 서버 통신하기

 

 

 

 

웹페이지를 요청하면 특정 클라이언트에 맞게 ui를 맞춰서 주는게 아니라

서버는 순수하게 데이터만 만들어서 전달

이 데이터를 제이슨 포멧 형식으로 내려줘서 보내줌

그럼 클라이언트는 제이슨 데이터를 받아서 

자기 클아이언트에 맞게 ui를 만들어서 보여줌

 

서버는 순수한 데이터만 전달하는 용도

이런 서버는 rest 서버 open api 서버라고 불란다고 한다

 

이런 오픈 api 서버의 주소를 알고 있으면

클라이언트가 사용 가능

 

 

클라이언트가 요청

서버가 요청을 처리

요청을 처리한다음에 html페이지를 생성(랜더링) 클라이언트한테 보내줌(파싱)

 

 

클라이언트가 요청

서버가 요청을 처리

html로 뷰를 생성하는게 아니라 

데이터만 만들어서

데이터를 보내줌

클라이언트는 제이슨 데이터를 받아서

해당 클라이언트에서 원하는 뷰의 형태를 만들어서

출력 가능

페이지 이동이 발생하는게 아니라 하나의 페이지에서 처리가능

 

페이지 전환없이 한 페이지에서 요청을하고 응답을 할수 있는지

배워보자고 함

 

 

 

ajax 함수는 서버와 통신을 할수 있는 함수

자바스크립트에서 서버로 통신할수 있는 함수

서버는 처리를 한다음 responsesbody에 의해서  리스트가 

제이슨 포맷 형식으로 리턴이 됨

success 안에 makeView 의 매개변수(데이터)로 넣어짐

 

그리고 받은 데이터를 가지고 리스트를 동적으로만들어서 뿌려줌

 

 

클라이언트와 서버와의 통신은 제이쿼리에서 제공해주는 ajax 함수로 함수로 할수 있다