[AJAX] 기본 개념 / 특징

[AJAX] 

- 구현하는 방식

- 화면을 갱신하지 않고 데이터를 서버로부터 가져와 처리하는 방법

- javascript의 XMLHttpRequest(XHR) 객체로 데이터를 전달하고 비동기 방식으로 결과를 조회.

- 동적으로 DOM을 구성해야 하므로 구현이 복잡하다.

 

*일반 요청에 대한 응답

- data를 입력 후 event (보통 submit) 발생

- logic 처리에 대한 결과에 따라 응답 page(html) 생성 => client에 전송 (화면 전환 일어남)

 

*Ajax 요청에 대한 응답

- data를 입력 후 event 발생

- 서버에서 요청을 처리한 후 text, xml 또는 Json으로 응답.

- client에서는 이 응답 data를 이용하여 화면 전환없이 동적으로 화면을 재구성

 

[Javascript AJAX]

- XMLHttpRequest로 Ajax 통신

 

[httpRequest의 속성값]

***[GET과 POST]

- GET: 주소 표시줄에 사용자가 입력한 내용이 표시. 제한된 길이의 데이터만 전송 / url에 변수를 포함시켜 요청 / 헤더를 포함하여 전송 / 보안에 취약

- POST: 사용자의 입력을 표준 입력으로 넘겨줌, 입력 내용의 길이에 제한이 없다. 사용자가 입력한 내용이 표시되지 않는다. / 캐싱 안됨/ 데이터를 바디에 포함시킴 / 보안 가능

 

[$.ajax]

- 가장 기본적인 함수

- 생략 가능

 

[JSON]

- CSV와 XML의 단점을 극복한 형식 (데이터 추출이 힘듬 + 데이터 양이 많아짐)