Ajax

Ajax (Asynchronous JavaScript And Xml)

- 비동기 방식의 JavaScript와 Xml을 말한다.

- Ajax를 사용하면 비동기 방식으로 요청과 응답을 받기 때문에 화면 전환이 필요 없이 페이지를 변경할 수 있게 된다.

- 즉 새로운 데이터를 받거나 전송할 때 새로고침 없이 가능해진다.

 

Ajax 기본 사용법

- Ajax 관련 메서드들은 다양하지만 가장 많이 쓰이는 $.ajax()의 기본 사용법만 알아보겠다.

<script type="text/javascript">
$(document).ready(function() {
    $("button").click(function() {
        $.ajax({ // ajax 기본형태
            url : "서버 요청 URL",
 
            type : "전송 방식 (GET, POST, DELETE 등...)",
 
        //    data : "t1=XYZ&t2=자차카", // 넘겨주는 데이터 (생략가능)
            data : {t1:"XYZ", t2:"자차카"}, //위와동일
 
            dataType: '요청한 데이터 형식 (html, xml, json, jsonp, text 등...)' // (생략가능)
 
            success : function(data){
                // 전송에 성공하면 이 콜백 함수를 실행 (data에는 응답받은 데이터가 저장된다)            
            },
            error : function() {
                // 전송에 실패하면 이 콜백 함수를 실행
            },
            complete : function() {
                // java의 finally 같은 역할이다. (생략 가능)
            }
        });    
    });
});
 
</script>

 

단순한 삭제 요청 같은 전송할 데이터가 없는 경우에는 data와 dataType은 생략이 가능하다.