💫 AjaxJquery05 # JsonTest01.jsp jQuery 의 ajax() 활용 실습 json control 이름 내용 ➰체크할 내용➰ 1. dataType : Json 사용할 때는 넘겨주는 데이터 타입 "json"으로 지정 2. jsonObj.[ ] : 제이슨은 문자열 구성이지만 내부적으로는 객체화. 따라서 .찍고 접근이 가능하다!! # JsonTest01_ok.jsp
📚 Study/JQuery
💫 AjaxTest01 # AjaxTest01.jsp jQuery 의 ajax() 활용 실습 이름 내용 ➰체크할 내용➰ *** jQuery 의 ajax() 함수 사용(호출) *** $.ajax( { type:"POST" // 데이터 전송 및 페이지 요청 방식 , url:"AjaxTest01_ok.jsp" // 요청 페이지 URL , data:params // 요청 페이지(AjaxTest01_ok.jsp)에서 수신하게 되는 데이터 즉, 넘길 값!!! , success:동작 // 페이지요청 및 데이터전달이 성공했을 때의 처리 , beforeSend:반환값확인 // 요청 전 확인해야 할 항목 처리(true/false) , error:동작 // 처리과정에서 문제가 발생했을 때의 처리 }); # AjaxTest0..
💫 PostTest01 # PostTest01.jsp jQuery 의 post() 활용 실습 제목 내용 ➰체크할 내용➰ [ post() ] - 『$.post(url, data, callBack);』 : 매개변수로 전달받은 URL 을 사용하여 서버에 대한 POST 요청을 전송 · url : (String) POST 함수로 연결하는 서버 측 URL · data : (Object) 이름과 값의 쌍으로 프로퍼티를 가진 객체. 미리 구성 및 인코딩 된 쿼리 스트링 · callBack : (Function) 요청이 완료되면 호출되는 함수 # PostTest01_ok.jsp 제목 : ${param.title } 내용 : ${param.content } 💫 PostTest02 # $.post() 직접 쓰는 부분 외에 ..
💫 GetTest01 # GetTest01.jsp jQuery 의 get() 활용 실습 눌러보자 ➰체크할 내용➰ [ get() ] - 『 $.get(url, data, callBack) 』 : 매개변수로 전달받은 URL 을 사용하여 서버에 대한 GET 요청을 전송하도록 한다. - 『 $.get(url, {속성:값, 속성:값, 속성:값, ....}, callBack) 』 : 전달 과정에서 data 는 JSON 형태로 처리할 수 있다. → 『$.get("요청URL", {이름1:값1, 이름2:값2}, function(넘겨받은값){ $(선택자).html(넘겨받은값처리); }) - $.get를 사용하면 XMLHttpRequest 객체를 생성할 필요 없이 AJAX 사용이 가능하다!! jQuery 가 처리하고, 콜백..
💫 LoadTest01 jQuery 의 load() 활용 실습 HTML 읽어오기 버튼 ➰체크할 내용➰ 1. $(document).ready() - DOM이 완전히 로드된 후에 실행할 코드 정의 2. window.alert이 먼저 출력되는 이유 - load 메소드는 비동기적으로 작동한다. 따라서 내용 로딩이 완료될 때까지 기다리지 않고 바로 다음 코드를 실행한다. 그렇기 때문에 window.alert이 먼저 실행됨! 💫 LoadTest03 # web.xml, Test03Send.java 코드 생략~ # LoadTest03.jsp jQuery 의 load() 활용 실습 덧셈 뺄셈 곱셈 나눗셈 rdo1 rdo2 chk1 chk2 # LoadTest03.java protected void doGetPost(Ht..
🔎 jQuery (제이쿼리) ✔ 개요 - jQuery 는 빠르고 간결한 Javascript Library - HTML Document traversing, 이벤트 처리, 애니메이션, AJAX 를 단순화하여 빠른 웹 개발을 가능하게 한다. - CSS 규격 지원 : CSS 1 ~ 3 와 기본 XPath 지원. - 다양한 브라우저 지원. - 경량 파일 (약 90kb 수준의 파일 크기) - John Resig 에 의해 개발. ✔ 장점 - HTML 과 DOM, CSS 의 변경이 간편하다. - 이벤트 처리가 간편하다. - 애니메이션과 같은 각종 효과를 적용하기 쉽다. - AJAX, JSON 과 같은 처리가 간편하다. - 브라우저 호환성을 해결할 수 있다. ✔ jQuery 다운로드 및 라이브러리 포함 - jQuery..
