★ 상품 목록 페이지 ■ 필요 파일 com.test.java > Ex13.java com.test.java > Ex13Add.java com.test.java > Ex13Del.java com.test.java > Ex13DTO.java com.test.java > Ex13Edit.java views > ex13.jsp ■ 데이터베이스 create table tblProduct ( seq number primary key, -- 번호(PK) name varchar2(100) not null, -- 상품명 price number not null, -- 가격 color varchar2(50) not null, -- 색상 pic varchar2(100) default 'pic.png' not null -- 사..
★ 일기장 AJAX ■ 필요 파일들 - com.test.java > Ex12.java - com.test.java > Ex12Data.java - views > ex12.jsp ■ 데이터 베이스 create table tblJournal ( seq number primary key, line varchar2(1000) null ); insert into tblJournal values (1, null); insert into tblJournal values (2, null); insert into tblJournal values (3, null); insert into tblJournal values (4, null); insert into tblJournal values (5, null); insert..
★ 테이블을 이용한 AJAX ■ 필요 파일들 com.test.java > Ex11.java com.test.java > Ex11Data.java com.test.java > Ex11DTO.java views > ex11.jsp ■ 데이터베이스 create table ajaxTable ( seq number primary key, x number not null, y number not null, ck char(1) not null --'y', 'n' ); select * from ajaxTable; create sequence tableseq; ■ 소스코드 Ex11.java package com.test.ajax; import java.io.IOException; import java.util.List;..
★ 데이터 송수신 ■ 필요 파일들 - com.test.ajax > "Ex10.java" - views > "ex10.jsp" - com.test.ajax > "Ex10Data.java" ■ 소스코드 Ex10.java package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servl..
★ 주소록 조회 AJAX, JSON 을 이용한 방법 ■ 필요 파일 - com.test.ajax > "Ex09.java" - view ? "ex09.jsp" - com.test.ajax > "Ex09Data.java" - com.test.ajax > "ZipCode.java" ■ 소스코드 Ex09.java ex09.jsp를 열기위한 Servlet 구현 파일 package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.htt..
★ ID 중복 검사 1. 기존 방식 2. AJAX를 이용한 방식 ★ 필요 파일 - com.test.ajax > "Ex08.java" - views > "ex08.jsp" - com.test.ajax > "Ex08Check.java" - views > "ex08check.jsp - com.test.ajax > "Ex08Data.java" ■ 소스코드 Ex08.java package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servl..
★ 실제 AJAX 구현 1. 순수 자바스크립트(원래 Ajax) 2. jQuery Ajax (가장 많이 사용) 3. ES6 > Promise, await ■ 서버 페이지(Servlet/JSP)를 만들 때 1. 브라우저로 요청할 페이지? 2. Ajax로 요청할 페이지? ■ 1. 순수 자바스크립트(원래 Ajax) 필요 파일 - 페이지 > 보임 - com.test.ajax > "Ex05.java" - com.test.ajax > "Ex05Data.java" - 데이터(처리) > 안보임 - views > "ex05.jsp" - views > "ex05data.jsp" - webapp > "ex05.txt" ■ 1. 소스 코드 Ex05.java package com.test.ajax; import java.io.I..
★ 데이터 전송 실시간으로 데이터를 갱신 하는 페이지 필요 파일들 > "Ex03.java" > "Ex03Data.java" //**중요 > "ex03.jsp" > "ex03data.jsp" iframe 현재 브라우저에서 새로운 브라우저를 띄우는 방법 ■ Ex03.java : 디자인 담당 package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.htt..
