728x90 풀스택/jQuery4 jquery전 ajax 정의 Ajax란 JavaScript의 라이브러리중 하나로써 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자다. 간단한 예로는 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 것이다. ajax - 클라이언트와 서번간에 xml데이터를 주고받는 기술(자바스크립를 사용한 비동기 통신) Ajax의 장점1. 웹페이지의 속도향상2. 서버의 처리가 완료 될때까지 기다리지 않고 처리 가능하다.3. 서버에서 Data만 전송해면 되므로 전체적인 코딩의 양이 줄어든다.4. 기존 웹에서는 불가능했던 다양한 UI를 가능하게 해준다. 사진공유 사이트 Flickr의 경우 5. 사진의 제목이나 태그를 .. 2019. 4. 17. jqery 활용 mysite2에 적용시키기 -보충 복습겸 순서정리 - 네비게이션에서 연결 action ajax로 1방명록(Ajax)cs - actionfactory 123 else if("ajax".equals(actionName)) { action = new AjaxAction(); }Colored by Color Scriptercs - ajaxaction 12345678public class AjaxAction implements Action { @Override public void execute(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException { WebUtils.forward(request, response, "/WEB-INF.. 2019. 2. 14. jQuery요약 2 ex20~36(append,prepend) ex20(데이터 추가 ,append,prepend ) 123456789101112131415161718192021222324252627$(function(){ setTimeout(function(){ $("#p1").html( "가나다라마바사아자차카타라하" ); // 1. 데이터 가져오기 // ajax... // 2.html 만들기(render) var htmls = ""+"메세지4" + ""; // 3. 추가하기 //$("#gb-list").html(htmls); $("#gb-list").append(htmls); $("#gb-list").prepend(htmls); },1000);}); 이 안에 HTML를 바꿉니다. 메시지1 메시지2 메시지3 Colored by Color Scriptercs ex22.. 2019. 2. 12. jQuery 요약1 ex1~20(#, '.' , .text , if조건주는것) jQuery로 html/css 조작하기 태그변경 - replaceWith()지정한 태그를 다른 태그로 변경하고자할때엘리먼트 내용까지 변경된다. 태그제거 - remove()지정된 태그들을 삭제. 123456$(function() { setTimeout(function() { /* 코드를 완성하세요 */ $("li:nth-child(3),li:nth-child(5)").remove(); }, 1000); });Colored by Color Scriptercs 224부터 중요 셀렉터 wp_ch7부터 필요한것만 ready - javascript 실행 타이밍 var object = $("selector");object.func(); ex3 (객체 선언, 객체의 값 설정 및 wrap하는거) 1234567891011.. 2019. 2. 12. 이전 1 다음