ajax의 정의

XHTML, CSS, 자바스크립트 등의 기술이 고루 섞여 대화형 웹어플리케이션을 만들 수 있게 하는 웹프로그래밍 기술의 복합체. 비동기식 자바스크립트와 XML(Asynchronous JavaScript And XML)의 줄임말이다.

   설명

이 스크립트는 ajax를 이용하여 페이지로딩을 그때그때해주어 순간 페이지 로딩속도가 매우 빠르다.
마치 프레임을 나눈것 처럼사용할수있으며, 하나의 html안에 모든 페이지를 표현할 수 있다.

   수정할부분

index.html

<div id="leftcolumn">
<a href="javascript:ajaxpage('ajaxfiles/external.htm', 'rightcolumn');">Porsche Page</a>
<a href="javascript:ajaxpage('ajaxfiles/external2.htm', 'rightcolumn');">Ferrari Page</a>
<a href="javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');">Aston Martin Page</a>

<div style="margin-top: 2em">Load CSS & JS files</div>
<a href="javascript:loadobjs('ajaxfiles/style.css', 'ajaxfiles/tooltip.js');">Load "style.css" and "tooltip.js"</a>

</div>

<div id="rightcolumn"><h3>Choose a page to load.</h3></div>
<div style="clear: left; margin-bottom: 1em"></div>

<a href="javascript:ajaxpage('링크주소(파일주소)', '출력할레이어ID');">Porsche Page</a>

ajaxpage : 페이지를 불러올때 사용한다.
loadobjs : css파일 js파일을 불러올때 사용한다.