jquery 로드 메소드 사용법에 대한 자세한 설명

jquery load는 jquery ajax의 기능입니다. Load는 지정된 p(html, php)에 페이지를 편리하고 빠르게 직접 로드할 수 있으며, 로드 방법의 사용법을 자세히 소개하겠습니다.

Format

load(url,data,function(response,status,xhr))

데이터 사용 방법

1 전달 매개변수가 포함되지 않은 PHP 파일을 로드합니다

The 코드는 다음과 같습니다코드를 복사하세요$("#myID").load("test.php");

//ID가 있는 요소에 test.php를 가져온 후 # myID 실행 결과
2. 전달 매개변수가 포함된 PHP 파일을 로드합니다

코드는 다음과 같습니다코드를 복사하세요

$("#myID").load("test .php", {"name" : "Adam"}); //가져온 PHP 파일에는 test.php?name=Adam 또는 직접 $("#pResult"와 유사한 전송 매개변수가 포함되어 있습니다. ).load( "jqueryLoad?username=" + 사용자 이름 + "&un="+$("#username").val()+"×tamp=" + (new Date()).getTime())

매개변수 보내기, 매개변수는 두 번 인코딩되어야 합니다.

코드는 다음과 같습니다코드 복사

var 사용자 이름 = encodeURI(encodeURI($("#username").val( )));

AJAX 요청을 사용하여 p 요소의 텍스트를 변경하세요.

코드는 다음과 같습니다코드를 복사하세요

$("button").click (function(){ $("p ").load('demo_ajax_load.txt'); });

콜백 사용법

예를 들어 로드된 내용을 천천히 표시하고 싶다면 로드 메서드가 서버 응답을 받은 후 콘텐츠가 있으면 콜백 함수를 사용할 수 있습니다. 코드는 다음과 같습니다.

코드는 다음과 같습니다코드를 복사하세요ㅋㅋㅋ TR/xhtml1/DTD/xhtml1-transitional.dtd">

$("#go").click(function(){ $("#myID"). load("welcome.php" , {"lname" : "Cai", "fname" : "Adam", function(){ $("#myID").fadeIn('slow');} ) ; });

  

 

   
 

jQuery 로드 방법 演示

 

姓: 



명: 
  



确정

< ;/p>

 

 

显示代码

 

참고: 이 요소가 완전히 로드되기 전에 로드 처리 기능이 바인딩된 경우에만 로드된 후에 트리거됩니다. 나중에 바인딩하면 절대 트리거되지 않습니다. 따라서 $(document).ready()에 로드 이벤트를 바인딩하지 마세요. 왜냐하면 jQuery는 모든 DOM 로딩이 완료된 후에 로드 이벤트를 바인딩하기 때문입니다

위 내용은 jquery 로드 메소드 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!