Ajax는 비동기 호출로 사용할 경우 테스트하기가 불편하다. print 한 값들이 console에 보이지 않음. chrome developer tool 에서는 ajax 호출 코드도 쉽게 테스트 할 수 있다. 테스트가 필요한 화면을 호출 한뒤 F12를 눌러 개발자 도구를 호출하면 다음과 같은 화면을 볼 수 있다. 네트워크 탭으로 간 뒤 Clear 버튼을 누른다. ( 빨간 박스로 체크 되어 있는 부분 ) 모든 항목이 삭제되었다. Ajax 코드를 호출 시켜본다. ajax에서 호출한 부분의 retrun 값만 보여진다.코드에 디버깅을 위해 print 문을 삽입했다면 print 문도 보여진다.
* 기본 ajax 구조 12345678$.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 })Colored by Color Scriptercs - url : ajax 에서 이동하여 데이터를 get/set 할 URL 주소. 폼으로 ..
Jquery 에서는 datepicker 라는 위젯을 제공한다 daterpicker 객체를 생성한 뒤 달력에서 날짜 선택 시 값을 추출하려면 onSelect function을 호출한다. 12345678$( function() { $( "#datepicker" ).datepicker({ onSelect: function() { var date = $.datepicker.formatDate("yymmdd",$("#datepicker").datepicker("getDate")); alert(date); } }); });Colored by Color Scriptercs datepicker("getDate") 호출로 값 추출 후 원하는 날짜 형식의 포맷을 입혀준다. 원하는 포맷 ( 년월일 ) 으로 알럿 창이 떴다!..
- Total
- Today
- Yesterday
- JQuery
- docker image 저장
- AJAX
- Docker
- Portainer
- docker 저장
- ajax크롬
- ajax디버깅
- chromedevelopertool
- ajax문법
- 1040nr-ez
- docker save
- 1040nr
- 크롬디버깅
- datepicker
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |