▶ 사용자에게 보여 줄 jsp 페이지 구현 name : 동기요청 버튼을 누르면 form 의 action 주소의 get 방식으로 이동하여 페이지 변환의 작업을 수행 하게 된다. 페이지의 이동이 있는 것이 동기 요청이고 나머지 방법은 비동기식으로 페이지의 이동 없이 바로 전환 되게 된다. ● GET 방식 비동기 요청 함수 구현 function a () { 1. 비동기 요청 객체를 생성한다. const xhttp = new XMLHttpRequest(); 5. 비동기 요청 응답이 왔을 때 실행 될 핸들러 함수를 등록한다. xhttp.onload = function(){ 6. 비동기 요청을 받으면 해당 응답을 프린트 해줄 공간을 g..

Ajax (Asynchronous Javascript And XML) : Ajax는 HTML, CSS, 자바스크립트, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 새로운 개발 기법으로 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해준다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있게 된다. 웹 동기 요청과 웹 비동기 요청 동기요청 : 코드가 순차적으로 실행되며, 한 작업이 완료될 때까지 다른 작업이 대기해야 한다. 이러한 방식은 간단하고 직관적이지만, 작업이 길어지면 실행 속도가 느려지고, 작업이 차단될 가능성이 있다. 쉽게 말해 요청을 보내면 응답페이지를 받아와서 전체 페이지가 바뀌는 ..