Jquery의 로드 메소드 사용법과 주의사항

이 글은 jquery와 notes에 있는 로드 메소드의 사용법을 주로 소개합니다. 필요한 친구들이 와서 참고하면 됩니다.

호출의 전체 형식이 도움이 되길 바랍니다. 로드 방법은 load (url, [data], [callback])입니다. 여기서
url: 은 가져올 파일의 주소를 나타냅니다.
data: 선택적 매개변수; Load는 statichtml 파일뿐만 아니라 PHP 파일과 같은 동적 스크립트도 가져올 수 있으므로 동적 파일을 가져오려는 경우 여기에서 매개변수를 설정할 수 있습니다.
callback: 선택적 매개변수는 로드 메소드를 호출하고 서버로부터 응답을 받은 후 실행되는 또 다른 함수를 의미합니다.

1: 데이터 사용 방법
1. 전달 매개변수가 포함되지 않은 PHP 파일을 로드합니다.
$("#myID").load("test.php"); test.php를 #myID 요소

$("#myID").load("test.php",{"name" : "Adam이 포함된 PHP 파일을 로드합니다. "});
//가져온 PHP 파일에는 test.php?name=Adam

$("#myID").load("test.php",{"name" : "Adam" , "site":"61dh.com"})
//Imported The php 파일에는 test.php?name=Adam&site=61dh.com

array를 전달 매개변수$("#myID").load(" test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//가져온 PHP 파일에는 배열 전달 매개변수가 포함되어 있습니다.
참고: 로드를 사용할 때 이러한 매개변수는 POST로 전달되므로 test.php에서는 GET을 사용하여 매개변수를 얻을 수 없습니다.

둘: 콜백 사용법
예를 들어 로드 메소드가 서버 응답을 받은 후 로드된 콘텐츠를 천천히 표시하려면 콜백 함수를 사용할 수 있습니다.

코드는 다음과 같습니다.

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

jquery의 캐시 사용을 방지하는 방법:
캐시는 페이지 로딩 속도를 어느 정도 높여주지만 종종 문제를 일으킵니다. . 이전 기사에서는 jQuery의 Load 메서드 사용에 대해 간략하게 소개했습니다. 실제 애플리케이션에서는 브라우저 캐시 문제가 발생할 수 있습니다. 예를 들어 IE7에서 이 문제가 발생했습니다.

jQuery 로드 샘플 코드:

$(
document
).ready(function(){ 
$("#labels").load("/blog/categories/labels.html"); 
//在页面装载时，在ID为#labels的DOM元素里插入labels.html的内容。 
});

javascript 파일에 추가하여 문제를 해결합니다.

$.ajaxSetup ({ 
cache: false //关闭AJAX相应的缓存 
});

<?php 
header("Cache-Control: no-cache, must-revalidate"); 
?>

로드의 특수 사용법 :
로드 URL 뒤에 공백을 추가하여 선택기를 따르십시오. 예: test.html의 콘텐츠를 로드해야 하며 ID가 a인 콘텐츠만 가져오면 됩니다.
$("body").load("test.html #a");

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