웹 - Ajax (9) 썸네일형 리스트형 웹 - Ajax - 팝업창기능2 OneAction (json 라이브러리 다운 받기@WebServlet("/photo/photo_one.do")public class PhotoOneAction extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#service(HttpServletRequest request, HttpServletResponse response) */ protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // /photo/photo_one.d.. 웹 - Ajax - 팝업 창 기능1(모달기능)/제이쓴 라이브러리 설치 환경 *) 객체를 JSON으로 반환해서 사용(Ajax 활용해서)=> 라이브러리 활용 1. 버튼을 클릭했을 때 , 함수 생성 2. 팝업 jsp를 별도로 생성(include로 합치기 위함) - 부트스트랩(modal - backdrop 기능 - 작업포커스를 가짐) 활용https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_modal_backdrop&stacked=h -> 팝업창에 스타일 주기(modal-dody에) 3. 만들어둔 함수에 Ajax활용 4) 서블릿(oneAction) 생성 (JSON 라이브러리 활용)-제이쓴 라이브러리 설치 환경 웹 - Ajax - 로그인 화면 )로그인 화면 jsp 로그인 아이디 : 비밀번호 : )로그인 화면 서블릿package action.member;import jakarta.servlet.RequestDispatcher;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.HttpServlet;import jakarta.servlet.http.HttpServletRequest;import jakarta.servlet.. 웹 - Ajax - 회원목록/가입 예제2(id 체크, 회원 가입) -> 데이터 추가 )insert_form.jsp ::::회원가입:::: 이름 아이디 비밀번호 우편번호 주소 )추가 폼 서블릿package action.member;import jakarta.servlet.RequestDispatcher;import jakarta.servlet.ServletExcepti.. 웹 - Ajax - 회원목록/가입 예제1 (조회까지) *) Ajax는 레이아웃 일부분만 요청을 받아 수정을 할 수 있다.-> DB와 해당 파일들 필요-> 조회 화면까지 만들기 )db--일련(회원)번호 관리객체create sequence seq_member_idx-- 회원테이블create table member ( mem_idx int, -- 회원번호 mem_name varchar2(100) not null, -- 회원명 mem_id varchar2(100) not null, -- 아이디 mem_pwd varchar2(100) not null, -- 비밀번호 mem_zipcode char(5) not null, -- 우편번호(5자리 고정) mem_addr varchar2(1000) not null, -- 주소.. 웹 - Ajax - 계산기 예제 )jsp수1: 수2: 더하기 빼기 곱하기 나누기 )CalcActionpackage action;import java.io.IOException;import java.io.PrintWriter;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.HttpServlet;import jakarta.servlet.http.HttpServletRequest;import jakarta.servlet.http.HttpServletResponse;/** * Servlet implementation class CalcAction .. 웹 - Ajax - 방명록 먼저 했던 방명록 프로젝트 복사 후, )visit_list.jsp 수정 ::::: 방명록 ::::: 등록된 게시물이 없습니다 ${ vo.name }님의 글: ${ vo.ip } ${ vo.content } 작성일자 : ${ fn:substring(vo.regdate,0,16) } 비밀번호(${ vo.pwd }) : )비밀번호를 체크하기 위한 VisitCheckPwdAction ::::: 방명록 ::::: 등록된 게시물이 없습니다 ${ vo.nam.. 웹 - Ajax - jQuery Ajax(많이 사용) https://www.w3schools.com/jquery/ajax_ajax.asp -> 속성명 외우기!! (async, type, url, data, dataType, success, error) 단어: 이전 1 2 다음
