AJAX 예제(1) (테스트 JSP 파일까지)

AJAX SERVLET 예제입니다.

File -> New -> Dynamic Web Project 합니다.

프로젝트 이름은 자기가 하고 싶은거 하시고 NEXT로 넘어갑니다. 

 여기서도 그냥 NEXT 하시고

 

Finish    이렇게 만듭니다. 

프로젝트에서 WebContent를 선택하시고 마우스 오른쪽 버튼을 눌러서 JSP 파일을 만듭니다.
 

저는 test파일을 만들었습니다.

버튼을 클릭하면 AJAX를 이용해서데이터베이스에 들어있는 값을 받아옵니다.

div 태그는 span 과 함께 쓰는 무의미한 블럭태그이며 

content가 들어오면 데이터베이스에 읽어온 값을 뿌려주기 위해서 선언합니다.

<input type="button" value="데이터베이스 값 읽어오기" onclick="tester()">

여기서 onclick="tester()"는 클릭했을때 자바스크립트 함수 tester()로 간다는 의미입니다.


이부분은 다음 파트에서 설명하겠습니다.

<script src="scripts/test.js" type="text/javascript">

</script>