Basic.Ajax

Ajax (Asynchronous JavaScript and XML)

자바스크립트를 이용해 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식이다.

이 때 사용하는 API가 XMLHttpRequest이다.

 

전체 페이지를 리로딩 하지 않고 XML http통신을 통해 데이터의 일부만 리로딩한다.

즉 전체 페이지를 다시 불러오는게 아니라 내가 필요한 부분만 다시 불러올 수 있다.

 

장점은 필요한 데이터를 필요한 때에 필요한 부분만 사용하기 때문에 전체 페이지를 로딩할 때보다 데이터를 적게 쓴다는 것이고 그게 바로 더 빠른 속도와 연결된다.

 

방식에는 아래 두 가지가 있다.

 

Get 방식 & Post방식

Get방식

글자제한이 있고 URL에 전달되는 사용자의 데이터가 노출된다.

따라서 사용자가 입력한 개인정보는 Get방식을 사용하면 안된다.

반대로 보호해야할 정보가 아닌 경우에는 Get방식을 사용해도 된다.

 

Post방식

URL에 데이터가 노출되지 않기 때문에 상대적으로 보안에 유리하다.

따라서 사용자의 개인정보나 입력받는 정보는 Post를 사용해야 한다.

 

사용법

$.ajax() : 제일 많이 사용. 중요!!!!

$.get()

$.getJSON()

$.post() : 지금은 잘 사용 안함.