참고 문서 |
---|
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" /> 이거랑 비슷한 듯.
댓글 0
번호 | 제목 | 날짜 | 조회 수 |
---|---|---|---|
9 | <table cellspacing="0"> | 2010.08.19 | 5614 |
8 | 브라우저, 문서 높이 구하기 | 2010.08.17 | 4128 |
7 |
네이버 드래그, 마우스 우클릭 방지 해제
![]() | 2010.07.25 | 3850 |
6 |
javascript 대기시간 - setTimeout
![]() | 2010.06.12 | 13322 |
5 |
Table 태그
![]() | 2010.05.23 | 4672 |
4 |
포커스 요소의 테두리와 웹 접근성
![]() | 2010.05.23 | 4341 |
3 |
list-style
![]() | 2010.05.21 | 5366 |
2 |
jQuery 쿠키
![]() | 2010.05.19 | 5175 |
» |
파일 불러오기
![]() | 2010.05.17 | 5723 |