Latest web development tutorials

jQuery를 - AJAX의 load () 메서드

jQuery를 부하 () 메소드

jQuery를 부하 () 메소드는 간단하지만 강력한 AJAX 방식입니다.

load () 메서드는 서버에서 데이터를로드하고 선택한 요소에 데이터의 반환합니다.

구문 :

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

로드 할 소정의 URL에 필요한URL매개 변수를 설정합니다.

쿼리 문자열 매개 변수는 요청 / 값 쌍과 함께 전송 키 선택적데이터를 지정합니다.

선택적콜백파라미터는 실행을 완료하는 하중 () 메소드 후의 함수의 이름이다.

이것의 파일 ( "demo_test.txt")의 내용의 예이다 : 

<h2>jQuery AJAX 是个非常棒的功能！</h2>
<p id="p1">这是段落的一些文本。</p>

다음 예는 내용이 지정된 <div> 요소에로드 "demo_test.txt"를 제출합니다 :

예

$ ( "# Div1") 부하 ( "demo_test.txt");

»시도

또한 URL 매개 변수에 jQuery를 선택기를 추가 할 수 있습니다.

다음 예제 내용 "demo_test.txt"파일 ID = "P1"요소는 지정된 <div> 요소에로드됩니다 :

예

$ ( "# Div1") 부하 ( "demo_test.txt #의 P1");

»시도

선택적 콜백 파라미터 종료 후의 부하 () 메소드는 콜백 함수를 허용 할 때 지정한다. 콜백 함수는 다른 매개 변수를 설정할 수 있습니다 :

  • responseTxt는 -통화 내용의 결과가 성공 포함
  • statusTXT는 -통화의 상태를 포함
  • XHR은 -XMLHttpRequest 객체를 포함

다음의 예는 load () 메서드 후 대화 상자를 표시 완료됩니다. 부하 () 메소드는 성공한 경우, 그것은 "! 외부 콘텐츠가 정상적으로로드", 그리고 실패하면 에러 메시지가 표시되고 표시된다 :

예

$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});

»시도