본문 바로가기

분류 전체보기502

[AJAX] chartjs - 그래프 그리기 막대그래프 그리기 📌 barex1.html 생성 게시판 글 통계(막대 그래프 표시) 📌 bar1.html 생성 📌 SelectServlet 생성 package chart; import java.io.PrintWriter; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import javax.servlet.annotation.WebServlet; import jav.. 2023. 4. 21.
[AJAX] Exam 시도군 선택 결과 💡 AJAX으로 할때는 sitemesh는 회피 해줘야 한다. (일부만 바꾸는 건데 충돌 할 수 있다.)(AJAX은 일반 문자열, 객체로도 보내 줄 수 있다.) 📌 kiclayout 내용 추가 Menu 로그인 회원가입 ${sessionScope.loginUser.username}님이 로그인 하셨습니다. 로그아웃 반갑습니다, ${sessionScope.loginUser.username}님 로그인 하세요. Close Menu 회원관리 상품관리 공지사항 자유게시판 QnA My Dashboard 52 Messages 99 Views 23 Shares 50 Users FOOTER Powered by w3.css 시도를 선택하세요 구군을 선택하세요 동리를 선택하세요 📌 AjaxController 생성 packa.. 2023. 4. 21.
[AJAX] ajax - jquery 이용한 시,군,구 선택 📌 /jsp3/src/main/webapp/layout/kiclayout.jsp 내용추가 회원가입 로그인 ${sessionScope.login}님 로그아웃 게시판 공지사항 자유게시판 QnA Footer 시도를 선택하세요 구군을 선택하세요 동리를 선택하세요 📌 SelectServlet package controller; import java.io.BufferedReader; import java.io.FileReader; import java.io.IOException; import java.util.ArrayList; import java.util.LinkedHashSet; import java.util.List; import java.util.Set; import javax.servlet.Servlet.. 2023. 4. 21.
[AJAX] jquery를 이용한 ajax 연습 📌 jqueryajax1.html jqueryajax1.jsp 📌 jqueryajax1.jsp 첫번째 Jquery Ajax 연습 📌 jqueryajax1.html 내용 추가 jqueryajax1.jsp jqueryajax1.jsp의 추가내용 제거 2023. 4. 21.
[AJAX] FETCH 함수 - ajax.js 이용, jquery ajax 파라미터 전송 📌 test3.jsp 생성 2023. 4. 21.
[AJAX] FETCH 함수 - JSON XMLHttpRequest 예제 [ ] : 배열 { } : 객체 📌 test2.json [{"author" : {"book" : "ajax", "pubDate" : "2022-01-01"}}, {"author" : {"book" : "자바", "pubDate" : "2022-05-22"}}, {"author" : {"book" : "웹", "pubDate" : "2022-09-15"}}] 📌 ajax2.html 📌 fetch2.html ajax.js - javascript file 만들기 📌 ajax.js /* * /ajax1/src/main/webapp/js/ajax.js */ function ajax(url,params,callback,method) { const xhttp = new XMLHttpR.. 2023. 4. 21.
[AJAX] FETCH 함수, FETCH 함수 - get 방식, post 방식 fetch 함수 📌 fetch 함수 이용 입력(get) 입력(post) FETCH 함수 - get 방식, post 방식 📌 - XMLHttpRequest 객체 XMLHttpRequest 객체 입력(get) 입력(post) 📌 test1.jsp 생성 ${param.name} sample jsp sample jsp sample jsp FETCH 함수 - get 방식, post 방식 📌 - XMLHttpRequest 객체 📌 test1.jsp 생성 ${param.name} sample jsp sample jsp sample jsp 2023. 4. 21.
[AJAX] XMLHttpRequest 객체 AJAX : 브라우저가 아닌 자바스크립트에서 서버와 통신을 할 수 있는 방법 📌 ajax1.html XMLHttpRequest 객체 요청 📌 test1.jsp sample jsp sample jsp sample jsp 2023. 4. 21.

티스토리툴바