티스토리 뷰
* 기본 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
'Programming > JavaScript.Jquery.Ajax' 카테고리의 다른 글
Ajax 디버깅 하기 ( feat. Chrome devtools ) (0) | 2018.12.01 |
---|---|
Jquery datepicker Widget 값 출력하기 (0) | 2018.11.21 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 1040nr
- 크롬디버깅
- JQuery
- chromedevelopertool
- 1040nr-ez
- ajax크롬
- AJAX
- ajax문법
- ajax디버깅
- datepicker
- Docker
- Portainer
- docker image 저장
- docker 저장
- docker save
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함