 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파일을 불러올때 사용한다.
|
