목차

AJAX 예제(AJAX Example)

개요

화면단에서 비동기적으로 서버측에 요청을 보내고, 서버측에서 비동기적으로 응답을 보내서 화면갱신 없이 데이터를 출력하는 기능의 예제를 제공한다. 이 예제에서는 JQuery의 Tab 기능을 사용하여, 사용자가 탭을 전환할 때 서버측에 화면에 표시할 탭의 정보를 담아서 요청을 보내며, 서버측에서는 데이터베이스에서 화면에 출력할 내용을 읽어들여서 비동기적인 응답을 보내고 화면단에서는 이를 화면에 출력한다. 서버와 화면간의 통신을 위하여 JSON 규격을 사용하였으며, 자바스크립트를 사용하여 메세지를 출력한다.

설명

1. 예제를 실행하면 AJAX를 이용한 서비스 설명페이지가 호출된다.
2. 상단의 탭을 클릭하면 화면갱신없이 탭이 넘어가면서 설명이 출력된다. 

참고자료