Ajax 기초 문법 정리

* 기본 ajax 구조

$.ajax({
             url: www.tistory.com // $(form).attr("action")
            ,async: false // false 는 동기, true 는 비동기
            ,type: get // $(form).attr('method')
            ,data: { "param1" : "A" , "param2" : "B" } // $(form).serialize()
            ,dataType: jSon 
            ,success: function() {} // todo 
            ,error: function(request, status, error) {}  // todo   
    })

- url : ajax 에서 이동하여 데이터를 get/set 할 URL 주소. 폼으로 받을 경우 action의 값을 셋팅한다.

- async: true 비동기, false 동기

- type: get 인지 post 인지 셋팅한다. 폼으로 받을 경우 method의 값을 셋팅한다.

- data: url에 파라메터로 넘겨줄 data 를 JASON 구조로 셋팅한다. 

         form 에 데이터가 있을 경우 .serialize() 를 사용 편리하다. form 데이터를 json 구조로 병렬화 시켜준다.

         ex) $value = $(form).serialize();

      

- dataType: 리턴 받을 값의 데이터 구조. jSon , text 등 사용 가능

- sucess: Ajax 가 성공했을 경우 후처리 function

- error: Ajax 가 실패했을 경우 후처리 function