Ajax
-
211018_ajax로 게시판 만들기Ajax 2021. 10. 18. 10:02
DTO package ajaxboard; import java.sql.Timestamp; public class AjaxBoardDto { //퀀텀db랑 개수,이름 같아야 함 private String num; //파라메타로 보내는 num값으로만 쓰기에 string, 계산할게 없기에 int로 안함..int로 하면 매번 형변환해줘야 함 private String writer; private String subject; private String content; private String avata; private Timestamp writeday; //setter,getter public String getNum() { return num; } public void setNum(String num) { t..
-
-
211015_xml,json파일 ajax로 읽기Ajax 2021. 10. 15. 17:45
DOCTYPE html> Insert title here ul,li { list-style: none; padding: 0; margin: 0; } ul li { float: left; width: 150px; height: 50px; font-family: 'Do Hyeon'; font-size: 1.5em; border: 1px solid tomato; margin: 0; text-align: center; line-height: 50px; cursor: pointer; } $(function() { //home 이벤트..li 첫번째 $("li:eq(0)").click(function() { var img=" "; img+=""; $("#show").html(img); }); //emp 이벤트..li..
-
211015_db 생성후 JSONObject를 생성해서 json파일 만들기Ajax 2021. 10. 15. 17:40
page import="org.json.simple.JSONObject"%>page import="org.json.simple.JSONArray"%>page import="java.sql.SQLException"%>page import="java.sql.Statement"%>page import="java.sql.ResultSet"%>page import="java.sql.Connection"%>page import="mysql.db.DbConnect"%> page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> DbConnect db=new DbConnect();Connection con..
-
211015_db생성하여 jsp에서 json으로 변환후 ajax로 불러오기Ajax 2021. 10. 15. 17:37
shoptojson.jsp ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ajax_shoptojson.html DOCTYPE html> Insert title here #show{ margin-top: 30px; font-size: 1.5em; } div.box { width: 40px; height: 40px; border: 1px solid black; border-radius: 100px; box-shadow: 5px 5px 6px gray; } $(function(){ $("#btn1").click(function() { $.ajax({ type:"get", url:"ex5_shoptojson.jsp", dataType:"json", success:function(data)..
-
211015_Ajax 2021. 10. 15. 17:31
xml version="1.0" encoding="UTF-8"?>page import="java.sql.SQLException"%>page import="java.text.SimpleDateFormat"%>page import="java.sql.ResultSet"%>page import="java.sql.Connection"%>page import="java.sql.PreparedStatement"%>page import="mysql.db.DbConnect"%> page language="java" contentType="text/xml; charset=UTF-8" pageEncoding="UTF-8"%>employee> DbConnect db=new DbConnect()..
-
211015_json 데이터를 ajax함수로 읽기Ajax 2021. 10. 15. 17:27
ex2_data1.json [ {"term":"컴퓨터의 이해","part":"no.1","definition":"하드웨어의 알기", "quote":["하드웨어란","CPU란","RAM이란"],"author":"이수연"}, {"term":"자바의 정석","part":"no.2","quote":["연산자","제어문","클래스구조"],"author":"남궁성"}, {"term":"HTML","part":"no.3","quote":["table","img","h태그"],"author":"김정인"}, {"term":"스프링 프레임워크","part":"no.4","definition":"Spring이란?"} ] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~..
-
211015_xml데이터를 ajax함수로 읽기Ajax 2021. 10. 15. 17:23
DOCTYPE html> Insert title here xml데이터를 ajax함수를 이용하여 읽기 $("button").click(function() { $.ajax({ type:"get", url:"../day1014_ajax/teamtoxml.jsp", dataType:"xml", success:function(data){ var s="XML데이타읽기"; $(data).find("team").each(function(i,element){ var n=$(this); s+="번호: "+n.attr("num")+" "; s+="이름: "+n.find("name").text()+" "; s+="운전면허: "+n.find("driver").text()+" "; s+="주소: "+n.find("addr").t..