최신 웹 개발 튜토리얼
 

jQuery - AJAX load() Method

❮ 이전 다음 장 ❯

의 jQuery load() 메소드

JQuery와 load() 메소드는 간단하지만 강력한 AJAX 방식입니다.

load() 메소드로드 서버에서 데이터를 선택한 요소에 반환 된 데이터를 저장합니다.

통사론:

$(selector).load(URL,data,callback);

필요한 URL 매개 변수는로드 할 URL을 지정합니다.

선택적 데이터 파라미터 세트를 지정 querystring 요청과 함께 전송하는 키 / 값 쌍.

선택적 콜백 파라미터는 후에 함수의 이름 실행될 load() 메소드가 완성된다.

다음은 예시적인 파일의 내용은 다음 "demo_test.txt" :

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

다음은 파일의 내용로드 "demo_test.txt" 특정에 <div> 요소를 :

예

$("#div1").load("demo_test.txt");
»그것을 자신을 시도

URL의 파라미터 JQuery와 선택기를 추가하는 것도 가능하다.

다음 예제와 요소의 내용을로드 id="p1" 파일 내부에, "demo_test.txt" 특정로, <div> 요소 :

예

$("#div1").load("demo_test.txt #p1");
»그것을 자신을 시도

옵션 콜백 매개 변수는 때 실행할 콜백 함수를 지정 load() 메소드가 완료됩니다. 콜백 함수는 다른 매개 변수를 가질 수있다 :

  • responseTxt - 호출이 성공하면, 결과의 컨텐츠가 포함되어
  • statusTxt - 통화의 상태를 포함
  • xhr - 포함 XMLHttpRequest 객체를

애프터 다음의 예는 경고 상자를 표시 load() 메소드가 완료됩니다. 경우 load() 메소드가 성공, 그것은 표시 "External content loaded successfully!" , 그것이 실패 할 경우 오류 메시지가 표시됩니다 :

예

$("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);
    });
});
»그것을 자신을 시도

jQuery를 AJAX 참조

모든 jQuery를 AJAX 방식의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 AJAX 참조 .


❮ 이전 다음 장 ❯