SPRING

AJAX (Asynchronous JavaScript And Xml)

• 비동기 방식으로 통신하는 JavaScript와 xml

  동기방식 VS 비동기방식
  동기 방식 : 요청 후 응답이 올 때까지 기다리는 방식
  비동기 방식 : 요청에 대한 응답을 기다리지 않고 진행되는 방식( ex) 스레드

! 비동기 방식에는 요청을 받아서 전달하고 응답이 오면 나에게 응답을 주는 중간 존재(AJAX)가 필요하다.

AJAX를 이용한 데이터 전송

비동기 방식에서는 Requset 객체를 사용할 수 없고 Response에는 데이터를 담을 수 없기 때문에 다른 페이지로 데이터를 전송하기 위해 다음과 같은 방법을 사용한다.

• javaScript에서 사용하는 Object와 유사한 java의 HashMap (키와 값 쌍이 존재)에 데이터를 담아 보낸다.
• javaScript에서는 HashMap을 읽을 수 없으므로 Map형태의 데이터를 전송했을 때 자동으로 Json 형태로 변환해 주는 라이브러리를 사용한다. (jackson) // @ResponseBody

AJAX 규칙
1. 전송 방식을 지정
2. 요청을 전송할 URL주소
3. 요청시 추가할 파라메터
4. 응답 받을 데이터 타입 [JSON|XML|TEXT|JSONP]
5. 요청 타입 아웃 (필수 X)
5. 성공시 실행 할 내용
7. 실패 시 실행 할 내용

$.ajax({
		type:'post',
		url:'login.ajax',
		data:{},
		dataType:'json',
		success:function(data){},
		error:function(e){}
	});