html 파일 불러오기

2010.05.17 19:50

Elkha 조회 수:5471

참고 문서  

ajax[1].jpg

Ajax

Ajax(Asynchronous JavaScript and XML)는 대화식 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다.

위키백과 ― 우리 모두의 백과사전

쉽게 말하자면 자바스크립트를 사용해서 페이지 이동없이 본문의 일부만 로딩하는 기술이다.

html

$('Selector').load('html.html'); // 전체 코드를 가져옴$('Selector').load('html.html Selector2'); // Selector2로 매치된 부분만 가져옴

Seletor2 선택자는 html.html 파일의 컨텐츠를 가리키는 것 같다.
편해보이고 좋군.

Javascript

$.getScript('script.js');

이 코드는 아주 맘에 든다.
로딩이 완료된 페이지에서 JS파일을 추가하다니..
혹시 CSS도 되는감?

XML

$.get('xml.xml', function(data) {
  $(data).each(function() {
  $(this).attr('속성명');
  $(this).text();
  });
});

xml 파일을 파싱한다.
아직 xml + js 연동은 잘 몰라서 대강 짐작만 하고 넘어간다.

PHP

$('Selector').load('php.php', {'query1':'value1', 'query2':'value2'});

php 파일을 불러온다.
<input name="query1" value="value1" /> 이거랑 비슷한 듯.

번호 제목 날짜 조회 수
» 파일 불러오기 file 2010.05.17 5471
8 jQuery 쿠키 file 2010.05.19 5016
7 list-style file 2010.05.21 5154
6 포커스 요소의 테두리와 웹 접근성 file 2010.05.23 4179
5 Table 태그 file 2010.05.23 4440
4 javascript 대기시간 - setTimeout file 2010.06.12 13142
3 네이버 드래그, 마우스 우클릭 방지 해제 file 2010.07.25 3620
2 브라우저, 문서 높이 구하기 2010.08.17 3944
1 <table cellspacing="0"> 2010.08.19 5485