AJAX

AJAX

AJAX (8) Ajax를 이용한 파일 업로드

■ Ajax를 이용한 파일 업로드 ● jsp에서 html코드 작성하기 8. Ajax를 이용한 파일업로드 파일전송 ● script코드 작성하기 ● fileUpload.do serlvet 코드 생성하기 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String filePath = request.getServletContext().getRealPath("/upload/"); MultipartRequest multiRequest = new MultipartRequest(request, filePath, 1024 * 1024 * 10, "UTF-8"..

AJAX

AJAX (7) XML데이터 가져오기

■ XML데이터 가져오기 ● jsp에서 html코드 작성하기 6. XML데이터 가져오기 xml 데이터 가져오기 소설 프로그래밍 ● script 코드 작성하기 ● book.xml 파일 생성 소설 해질무렵 황석영 소설 소나기 황순원 소설 안나카레 톨스토이 프로그래밍 자바 민경민 프로그래밍 민경민 만화 원피스 루피 ● 결과 확인

AJAX

AJAX (6) Ajax로 html파일 받아오기

■ Ajax로 html파일 받아오기 ● jsp에서 html코드 작성하기 5. Ajax로 html파일 받아오기 html 문서받기 ● script 코드 작성하기 ● jqHtmlTest.do servlet 코드 생성 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setAttribute("errorMsg", "html데이터 응답받기"); request.getRequestDispatcher("views/errorPage.jsp").forward(request, response); } ● 결과 확인

AJAX

AJAX (5) 응답데이터로 여러 개의 객체들이 담겨있는 ArrayList 받기

■ 응답데이터로 여러 개의 객체들이 담겨있는 ArrayList 받기 ● jsp에서 html코드 작성하기 일반 게시판 조회 글번호 카테고리 제목 작성자 조회수 작성일 ● script 코드 작성하기 ● jqAjax4.do servlet 코드 생성 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int listCount; // 현재 총 게시글 갯수(1000개) int currentPage; // 현재 페이지(즉, 사용자가 요청한 페이지) int pageLimit; // 페이지 하단에 보여질 페이징바의 페이지 최대 갯수(10개씩 할예정) int boa..

AJAX

AJAX (4) 서버로 데이터 전송 후 조회된 객체를 응답데이터로 받기

■ 서버로 데이터 전송 후 조회된 객체를 응답데이터로 받기 ● jsp에서 html코드 작성하기 회원 아이디 : 회원 비밀번호 : 조회 ● script 코드 작성하기 ● jqAjax3.do servlet 코드 생성 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String userId = request.getParameter("userId"); String userPwd = request.getParameter("userPwd"); Member m = new MemberService().loginMember(userId, userPwd); re..

AJAX

AJAX (3) JQuery 방식

■ JQuery 방식을 이용한 AJAX 테스트 [표현법] $.ajax({ 속성명 : 속성값, 속성명 : 속성값, ... }); ● 주요 속성 url : 요청할 url(필수) type[method] : 요청시 전송방식(get/post, 생략시 기본값 get) data : 요청시 전달할 값 success : ajax통신 성공시 실행할 함수를 정의(status == 200일때) error : ajax통신 실패시 실행할 함수를 정의(status != 200일때) complete : ajax통신에 실패했든 성공했든 무조건 실행할 함수를 정의 ● 부수적인 속성 async : 서버와의 비동기 처리방식 설정 여부(기본값 true) contentType : request의 데이터 인코딩 방식 정의(보내는 측의 데이터 인..

동동이임
'AJAX' 카테고리의 글 목록