집 > 기사 > 웹 프론트엔드 > jQuery에서 ajax.load() 메소드를 사용하는 방법

jQuery에서 ajax.load() 메소드를 사용하는 방법

php中世界最好的语言원래의: 2018-04-25 16:02:161755검색

이번에는 jQuery에서 ajax.load() 메서드를 사용하는 방법과 jQuery에서 ajax.load() 메서드를 사용할 때 주의사항이 무엇인지 보여드리겠습니다. 실제 사례를 살펴보겠습니다.

jQuery load() 메서드

jQuery load() 메서드는 간단하지만 강력한 AJAX 메서드입니다.

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

구문:

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

load() 함수는 서버에서 데이터를 로드하고 현재 일치하는 요소의 콘텐츠를 반환된 HTML 콘텐츠로 바꾸는 데 사용됩니다.

load() 함수는 기본적으로 GET 방식을 사용하는데, 객체 형태의 데이터가 제공되면 자동으로 POST 방식으로 전환됩니다.

기본적으로 Get 요청 방식을 사용하기 때문에 제출용 URL에 데이터를 추가할 수도 있습니다.

예를 들어, $("#box").load("loadTest.html？name=zhang&age=25")

load() 메소드는 세 가지 매개변수를 사용할 수 있습니다:

url(필수, 요청된 html 파일의 URL 주소, 매개변수 유형은 문자열)

data(선택사항, 키/ 값 데이터 전송됨) , 매개변수 유형은 Object)

callback(선택 사항, 성공 또는 실패 callback function, 매개변수 유형은 Function)

load() 메서드는 요소가 포함된 jQuery가 필요하므로 로컬 메서드입니다. 객체를 접두사로 사용합니다. 예를 들어 $("#box").load()

및 $.get() 및 $.post()는 전역 메서드이므로 요소를 지정할 필요가 없습니다. 사용법 측면에서 .load()는 정적파일

의 비동기 획득에 적합하며 서버 페이지에 매개변수를 전달해야 하는 경우에는 $.get() 및 $.post()가 더 적합합니다.

선택적인 콜백 매개변수는 load() 메서드가 완료될 때 허용되는 콜백 함수를 지정합니다. 콜백 함수는 다양한 매개변수를 설정할 수 있습니다.

responseTxt - 호출 성공 시 결과 콘텐츠를 포함합니다.
statusTXT - 호출 상태를 포함합니다.
xhr - XMLHttpRequest 개체를 포함합니다.

The 다음 예제는 load()에 있을 것입니다. 메서드가 완료된 후 프롬프트 상자가 표시됩니다. load() 메서드가 성공하면 "외부 콘텐츠가 성공적으로 로드되었습니다!"가 표시됩니다. 실패하면 다음과 같은 오류 메시지가 표시됩니다.

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

이 기사의 사례를 읽으신 후 메서드를 마스터하신 것 같습니다. 더 흥미로운 콘텐츠를 보려면 다른 PHP 중국어 관련 기사를 주목하세요!