티스토리 뷰

* 기본 ajax 구조


1
2
3
4
5
6
7
8
$.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   
    })
cs



- 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

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/08   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함