[AJAX] AJAX 개념

AJAX 개념

 

 

---

AJAX 이란? (Asynchronous JavaScript and XML)

 : 자바스크립트를 통해서 비동기식으로 클라이언트 - 서버간에 XML데이터를 주고받는 기술

   * 무조건 XML을 이용하는 것은 아니다. 최근엔 JSON을 주로 사용함.

    새로운 HTML을 로딩 할필요 없이 부분만 로딩되어 빠르게 동적으로 페이지를 변화시켜주는 기능 

장점

 1. 웹페이지의 속도향상

 2. 비동기식으로 서버의 처리가 완료될 때까지 기다리지 않고 처리 가능

단점

 1. 연속으로 데이터를 요청할 경우 서버 부하가 증가될 수 있음

 2. 클라이언트가 서버에 데이터를 요청하는 클라이언트 풀링 방식이다

    (클라이언트의 요청이 안오면 서버에서 보내줄 수 없다)

- Jquery를 이용한 AJAX 호출 방법

  

  EX) Jquery에서 AJAX 사용 형식

$.ajax({
    type : "POST",
    dataType : 'text',
    data : allData,
    url : "/test/page1",
    success : function(data) 
    {
        alert(data);
    }
});

 

속성	설명	종류
type	서버로 전송하는 데이터 타입	post, get, json 등
dataType	서버가 반환하는 데이터 타입	html, javascript, text,   xml, jsonp 등
data	값을 전달할 변수
url	데이터를 전송할 URL
success : function(){}	정상적으로 요청 성공시 실행
beforeSend : function(){}	AJAX을 요청하기 전에 실행 (done)
error : function(){}	오류가 발생했을 때 실행 (fail)
complete : function(){}	요청 성공, 에러 상관없이 실행이 완료 될 때 실행 (always)

* 이외의 속성들도 더 있음