Rio's 개발일지

https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started

AJAX 비동기 자바스크립트와 XML(Asynchronous JavaScript And XML) 을 말합니다.

간단히 말하면 서버와 통신하기 위해  XMLHttpRequest 객체를 사용하는 것을 말한다고 한다.

XMLHttpRequest (XHR) 객체는 서버와 상호작용할 때 사용합니다. XHR을 사용하면 페이지의 새로고침 없이도 URL에서 데이터를 가져올 수 있습니다. 이를 활용하면 사용자의 작업을 방해하지 않고 페이지의 일부를 업데이트할 수 있다.

AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"입니다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줍니다.

데이터 형식

데이터를 전송하는데 있어 전송 형식은 여러 종류가 있지만, Ajax 통신에서 데이터를 전송하는 형식은 크게 세가지로 나뉜다.

바로 CSV, JSON, XML 형식입니다.

나는 XML 과 JSON 형식을 적어봐야겠다.

XML : CSV 형식의 가독성을 개선하기 위해 나온 데이터 형식이다. 태그로 속성과 데이터를 구분한다.

가독성은 좋지만 용량이 크며 데이터가 많아지면 분석속도가 오래걸린다는 단점이 있다.

JSON :  JavaScript의 객체 형태로 데이터를 전송하는 방법이다.

XML 과 CSV 의 단점을 최소화한 형식으로 현재 가장많이 쓰인다. 가독성도 좋고 용량도 적지만 데이터량이 많아지면 역시 분석속도가 떨어진다.

데이터 전달 방식

• GET :  지정한 URL의 데이터를 열람하기 위한 메소드 (전송시 전송량이 적고, URL에 정보가 모두 담겨있는 단점이 있다.)
• POST : 지정한 URL의 데이터를 생성하기 위한 메소드 (PUT, DELETE 메소드의 역할까지 담당이 가능하다.)
• PUT : 지정한 URL의 데이터를 갱신하기 위한 메소드
• DELETE : 지정한 URL의 데이터를 삭제하기 위한 메소드
• HEAD : 지정한 URL의 헤더 정보를 요청하는 메소드

보안 및 특정 브라우저에서 PUT, DELETE 메소드를 지원하지 않는다.

단순히 데이터를 읽어 들어들이는 경우에 로그인 같은 경우 사용자의 아이디와 비밀번호만 데이터를 전송하면 되지만

GET 방식으로 전달시 사용자의 개인정보가 URL에 노출되므로 POST으로 정보를 전달한다.

Ajax 함수

자세한 사항은 김재훈님 블로그에서 더 많은 정보를 얻을 수 있습니다.

https://www.nextree.co.kr/p9521/