load()
jQuery load() 메서드는 간단하지만 강력한 AJAX 메서드다.
이 load() 메서드는 서버에서 데이터를 로드하고 반환된 데이터를 선택한 요소에 넣는다.
형식
$(selector).load(URL,data,callback);
매개변수
URL
:
로드하려는 URL을 지정한다.
data
:
요청과 함께 보낼 쿼리 문자열 키/값 쌍 집합을 지정한다.
callback
:
메소드가 완료된 후 실행될 함수의 이름이다.
예제
예제 파일
<h2>jQuery and AJAX is FUN!!!</h2> <p id="p1">This is some text in a paragraph.</p>
기본 예시
예제 보기예제
$("#div1").load("demo_test.txt");
기본 예시
예제 보기예제
$("#div1").load("demo_test.txt #p1");
기본 예시
예제 보기예제
$("button").click(function(){ $("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success") alert("External content loaded successfully!"); if(statusTxt == "error") alert("Error: " + xhr.status + ": " + xhr.statusText); }); });
기본 예시
예제 보기참고
W3C School - jQuery AJAX – load()
jQuery 시작하기