[JDBC] Ajax (Asynchronous JavaScript and XML) 🍁Ajax Ajax는 비동기 방식으로 자바스크립트를 사용해서 서버와 데이터를 통신하는 기술을 의미하며, XML 형식으로 데이터를 주고받는다. 화면 깜박임 없이 데이터를 주고받을 수 있는 기술이다. isaac-christian.tistory.com Ajax에 대해서는 위 글을 참고한다. 타입에 따라서 돌려받을 데이터 형식(Text, XML, JSON)을 결정하여 각각의 작업 과정을 확인해 보도록 하자. 🍁Text 단일 데이터 Ex04.java package com.test.ajax.controller; import java.io.IOException; import javax.servlet.RequestDispatcher; i..
🍁jQuery로 개량하여 구현 ajax 메서드 $.ajax(); jQuery 함수를 $로 적고, 바로 .을 찍으면 ajax 메서드가 나타난다. ajax는 태그와 관련된 기능이 아니라 독립적인 자바스크립트 기능이기 때문에 어떤 태그를 넣기가 애매하다. 독립적으로 ajax가 존재하도록 만들어야 하지만, 그냥 ajax();로 만들면 일반적인 함수인지 독립적인 함수인지 알 수 없기 때문에 앞에 jQuery를 붙여서 사용하는 것이다. success 이벤트 ajax 메서드에는 페이지 요청 정보를 작성하며, 안전한 상황에서만 작업을 수행해야 한다. 그리고 onreadystatechange에서 readyState(4) + status(200)인 상황일 때 안전한 상황이라고 했는데, success: function(re..
🍁순수 자바스크립트로 구현 Ajax를 사용해서 서버로 데이터를 요청하고 응답받는 게 가능하다. 이를 구현하기 위해서는 Ajax 객체를 먼저 만들어야 한다. Ajax 객체 생성 const ajax = new XMLHttpRequest(); //서버와 데이터를 송수신(전화기) 서버와 통신하는 Ajax 객체를 생성한다. 이 객체가 전화기의 역할을 하여 서버와 송수신할 수 있게 된다. open, send 메서드 // ajax.open('GET', '서버쪽 프로그램 주소'); ajax.open('GET', '/ajax/ex02.txt'); ajax.send(); ajax에는 open이라는 메서드가 있다. 이때 form 태그의 GET과 open 메서드의 GET은 같다. 서버와 통신을 하기 위해서 GET 방식으로 통..
🍁Ajax Ajax는 비동기 방식으로 자바스크립트를 사용해서 서버와 데이터를 통신하는 기술을 의미하며, XML 형식으로 데이터를 주고받는다. 화면 깜박임 없이 데이터를 주고받을 수 있는 기술이다. 서버 통신 요구사항 구현 프로젝트 생성 Dynamic Web Project: AjaxTest Contextr oot: ajax Generate web.xml deployment descriptor 체크 com.test.ajax 패키지 생성 1. com.test.ajax.controller 패키지 DBUtil.java Ex01.java Ex01Data.java 2. com.test.ajax.repository 패키지 AjaxDAO.java 3. com.test.ajax.model 패키지 WEB-INF 폴더 1. ..
