Ajax 이해하기 part 2(XML 사용)

Ajax에서 XML데이터 사용하기

 

서버에서 단순한 텍스트 형태로 응답을 받아 활용하는 것이아니라

XML구조 데이터를 활용하는 방법을 확인한다.

 

Tomcat서버 준비

 

 

먼저 jsp로 xml형태의 데이터를 제공하도록 페이지를 작성한다.

- w3c의 cd_catalog.xml예제 파일 사용

 

[cd_catalog.jsp]

 

 

위의 jsp페이지를 요청하도록 html코드와 ajax코드를 작성한다.

[ajaxxmltest.html]

 

 

 

브라우저에서 접속하여 동작 확인

 

실습>

위의 javascript코드를 분석하여 다음과 같이 동작하도록 작성

text filed를 하나 만들고 버튼을 하나 만든다. 버튼을 클릭하면 위 xml파일의 태그 중 하나의 결과를 보여주도록 작성   아래 빨간색으로 강조된 이름으로 요청하면 해당 값들을 출력하게 하는 것      </CD>  <TITLE>Empire Burlesque</TITLE>     <ARTIST>Bob Dylan</ARTIST>     <COUNTRY>USA</COUNTRY>     <COMPANY>Columbia</COMPANY>     <PRICE>10.90</PRICE>     <YEAR>1985</YEAR>      </CD>

 

실행결과 예제)

ARTIST 요청 시

 

TITLE 요청 시

 

COMPANY 요청 시