JQuery에서 Ajax활용( ajax() ) 테스트 예제

JQuery에서 Ajax활용 예제

클라이언트 브라우저에서 서버로 실시간 시간을 업데이트 하는 예제

실제 시간을 처리하기 위해 서버에 요청할 필요는 없지만

Ajax를 활용하는 방법을 이해하기 위해 테스트

 

준비

1. 웹 어플리케이션 서버(이 예제에서 Tomcat 컨테이너 사용)

설치가 안되어 있다면 설치 방법따라 서버를 만들고 테스트

톰캣 설치방법 : http://blog.purpleviolet.me/18 

 

톰캣설치폴더\webapps\ROOT\ajax 폴더에 예제 파일 위치

 

2. 요청을 위한 jsp페이지 코드(timetest.jsp)

 

3. 시간정보를 처리하는 jsp페이지 코드(time.jsp)

 

 

4. Tomcat 서버 실행

 

테스트

클라이언트에서 웹 브라우저를 열어 시간 페이지 요청

1초 단위로 페이지 깜빡임 없이 시간이 변경되면 성공이다.