Engineering/Database

[JDBC] Ajax: 응답 데이터 형식 (Text, XML, JSON)

[JDBC] Ajax (Asynchronous JavaScript and XML)🍁Ajax Ajax는 비동기 방식으로 자바스크립트를 사용해서 서버와 데이터를 통신하는 기술을 의미하며, XML 형식으로 데이터를 주고받는다. 화면 깜박임 없이 데이터를 주고받을 수 있는 기술이다.isaac-christian.tistory.comAjax에 대해서는 위 글을 참고한다.타입에 따라서 돌려받을 데이터 형식(Text, XML, JSON)을 결정하여 각각의 작업 과정을 확인해 보도록 하자. 🍁Text단일 데이터Ex04.javapackage com.test.ajax.controller;import java.io.IOException;import javax.servlet.RequestDispatcher;import ja..

Engineering/Database

[JDBC] Ajax 구현: jQuery로 개량하여 구현

🍁jQuery로 개량하여 구현ajax 메서드$.ajax();jQuery 함수를 $로 적고, 바로 .을 찍으면 ajax 메서드가 나타난다.ajax는 태그와 관련된 기능이 아니라 독립적인 자바스크립트 기능이기 때문에 어떤 태그를 넣기가 애매하다. 독립적으로 ajax가 존재하도록 만들어야 하지만, 그냥 ajax();로 만들면 일반적인 함수인지 독립적인 함수인지 알 수 없기 때문에 앞에 jQuery를 붙여서 사용하는 것이다. success 이벤트ajax 메서드에는 페이지 요청 정보를 작성하며, 안전한 상황에서만 작업을 수행해야 한다. 그리고 onreadystatechange에서 readyState(4) + status(200)인 상황일 때 안전한 상황이라고 했는데, success: function(result..

Engineering/Database

[JDBC] Ajax 구현: 순수 자바스크립트로 구현

🍁순수 자바스크립트로 구현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 방식으로 통신할지, POST ..

Engineering/Database

[JDBC] Ajax (Asynchronous JavaScript and XML)

🍁AjaxAjax는 비동기 방식으로 자바스크립트를 사용해서 서버와 데이터를 통신하는 기술을 의미하며, XML 형식으로 데이터를 주고받는다.화면 깜박임 없이 데이터를 주고받을 수 있는 기술이다. 서버 통신 요구사항 구현프로젝트 생성Dynamic Web Project: AjaxTestContextr oot: ajaxGenerate web.xml deployment descriptor 체크 com.test.ajax 패키지 생성1. com.test.ajax.controller 패키지DBUtil.javaEx01.javaEx01Data.java2. com.test.ajax.repository 패키지AjaxDAO.java3. com.test.ajax.model 패키지 WEB-INF 폴더1. WEB-INF > vie..