jQuery AJAX 맛보기

jQuery AJAX 사용법을 살펴 보겠습니다.

가장 간단한 것.

$("#div1").load(url);

url 의 파일에 접속해서 그 내용을 가져와 id="div1" 의 내용을 채웁니다.

remote.txt 의 내용은

나는 remote.txt 다.

정도로 만들어두고,

테스트 페이지를 작성합니다. 물론 jquery.js 포함하는 등 준비는 마쳐야겠죠. 아래는 핵심 내용만 표시합니다.

<button >AJAX 실행</button> <div id="div1">AJAX load 실행전</div> <script> $(document).ready(function(){   $("button").click(function(){     $("#div1").load("remote.txt");   }); }); </script>

를 작성해두면, button 을 클릭했을 때, remote.txt 를 읽어와서 <div id="div1">을 변경합니다.

<div id="div1">나는 remote.txt 다.</div>

이렇게 되죠.

소스보기 하면, 바뀐 후의 소스가 아니라, 처음 내용이 표시됩니다.

볼 수 있는 방법이 없을까요? 아시면, 좀 알려주세요..