JSP 페이지에서 사용

Ajax 통신은 보통 Jquery와 같이 사용한다.

(javascript로 ajax 를 사용하는 것은 jquert보다 더 복잡한데,  jquery는 ajax 통신에 주로 사용하는 data type인 json타입의 데이터를 자동으로 객체화 시켜 작업할 대상으로 지정할수 있도록 해주는데, javascript만으로 이를 처리하기엔 절차가 더 필요하기 때문이다.)

기본형

<script> 안에 $(document).ready(function{     })  안에서 호출

        $.ajax({

url : 'dir' 

[, settings ]

})

Settings        ajax 통신에 필요한 변수를 설정함. url은 필수 나머지는 필요한 부분만 선언하면 된다.

$.ajax({

        url : 'dir'                                            url 페이지를 불러와 실행한다.

        ,method : 'get'                                  'post', 'put', 'delete'   get이 디폴트

        ,data : "name=hong&age=20"         url 페이지를 호출하면서 보낼 데이터.

        ,datatype:'type'                                 url에서 받을 데이터 타입 지정( json, xml, script, html )

        ,success:function(return_data){         호출한 url 페이지로부터 되돌려 받은 데이터를 매개변수 return_data로 받음

             success시 실행할 내용                 ajax 통신이 성공했을때 실행할 함수(script)

          }

        ,error:function(return_data) {                        

            error시 실행할 내용                       ajax 통신이 실패햇을때 실행할 함수(script)

          }

    }