개발 (132) 썸네일형 리스트형 [Ajax] #03. Ajax 예제 :: (2) Click시 jsp -> html -> jsp 데이터 갔다가 돌아오기 ● Click시 jsp -> html -> jsp 데이터 갔다가 돌아오기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Insert title here t1= t2= Colored by Color Scripter cs 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 Insert title here click /* 완전한 ajax를 만들어보자.*/ $(function () { $("button").on("click", function () { $.ajax({ ///////////////////.. [Ajax] #02. Ajax 예제 :: (1) Click시 데이터 불러오기 ● data.jsp에 데이터를 넣어주고 index.jsp로 불러온다. 하지만 index.jsp에서 계속 진행된다. data.jsp t1= t2= index.jsp click ● 로드 함수를 통해서도 비동기 처리가 가능하다. 다만 로드는 데이터를 받을 때 JSON 형태로 받아야하는 것이 안 된다. 그래서 Ajax를 사용한다. → JavaScript에서 Onload와 비슷하다. [Ajax] #01. Ajax의 정의와 필요성 ■ AJAX란? AJAX = Asynchronos Javascript And XML이다. 쉽게 말하면, 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다. HTML form 태그가 아니라 자바스크립트를 통해서! 따라서 우리는 서버에서 로딩된 데이터를 페이지에 보여주기 위해 새로운 HTML페이지로 갈 필요도 없고 '새로고침'을 할 필요가 없는 것이다. 부분 부분만 로딩되므로 속도가 빠르다. 즉, 비동기 상태로 데이터의 송수신을 처리하는 목적으로 사용된다. 여기서 비동기 처리란, 현재 자기 위치는 고수하고 있으면서 데이터를 가지고 오는 것을 말한다. 다시 말해서, 현재 화면은 바뀐 상태가 없으면서 데이터만 가져오는 것이다. 또, 비동기 방식이 동기 방식보다 훨씬 더 가볍다. (ex) Zum Asynchr.. [JSP] #03. MVC model 1과 model 2 같은 코드로 비교(CustUser) (2) MVC Model 2 [JAVA&JSP] #02. MVC model 1과 model 2 같은 코드로 비교(CustUser) MVC Model 1 :: MV 구조 CustUserDao 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 1.. [JAVA&JSP] #01. MVC 구조 :: MODEL 1 & MODEL 2 ■ MVC 패턴우선 JSP 기반 웹 어플리케이션의 구조에는 MVC1패턴과 MVC2패턴 구조가 있다. JSP에서 모든 로직과 출력을 처리하느냐, 아니면 JSP에서는 출력만 처리하느냐에 따라서 모델 1 구조와 모델 2 구조로 구분된다.우선 모델 1 구조에 대해서 알아보자. (1) 모델 1 구조 - JSP로 구현한 기존 웹 어플리케이션은 모델 1 구조로 웹 브라우저의 요청을 JSP 페이지가 받아서 처리하는 구조이다. - JSP 페이지에 비즈니스 로직을 처리하기 위한 코드와 웹 브라우저에 결과를 보여주기 위한 출력 관련 코드가 뒤섞여 있는 구조이다. 즉, HoShop과 같이 웹 브라우저의 요청이 곧바로 JSP에 전달된다. 웹 브라우저의 요청을 받은 JSP는 자바빈이나 서비스 클래스를 사용해서 웹 브라우저가 요청.. [Servlet] #07. ★html -> 서블릿, 서블릿->서블릿, 서블릿->JSP 링크 옮기기 ● 링크 전송의 총 집합! HTML -> 서블릿(Servlet) 서블릿(Servlet) -> 서블릿(Servlet) 서블릿(Servlet) -> JSP 로 데이터를 옮겨보자 ■ index.html 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 Insert title here 이름 나이 전송 $(document).ready(function () { $("#btn").click(function () { // alert('click'); .. [Servlet] #06. Cookie(쿠키) :: id, pwd, 방문횟수 ■ 쿠키 프로세스 쿠키는 리퀘스트와 리스폰스에 쿠키 정보를 추가하여 클라이언트의 상태를 파악하기 위한 도입되었으며 클라이언트의 로컬(브라우저)에 저장되는 key-value 형태의 작은 텍스트 데이터 파일이다. 보통 이름(key), 값(value), 만료 날짜, 경로 정보 등을 포함한다. 브라우저가 특정 웹 페이지에 접속하거나 리소스를 요청한다. 그러면 서버는 요청받은 웹 페이지나 리소스와 함께 쿠키도 발행하여 함께 전송한다. 클라이언트는 전송받은 쿠키를 로컬에 저장한다. 그 다음 번에 클라이언트가 같은 웹 페이지(서버)에 접속하거나 리소스를 요청할 때 갖고있던 쿠키를 함께 보낸다. 서버는 클라이언트가 보낸 쿠키를 확인하여 어느 클라이언트에서 접속했는지 서버 상의 기록을 확인하여 이전 상태를 알 수 있다... 이전 1 ··· 12 13 14 15 16 17 다음
