jquery_jquery의 로드 메소드 사용법 및 주의사항

load 메소드 호출의 전체 형식은 다음과 같습니다. load(url, [data], [callback]), 여기서
url: 은 가져올 파일입니다.
data: 선택적 매개변수입니다. 왜냐하면 Load는 정적 HTML 파일뿐만 아니라 PHP 파일과 같은 동적 스크립트도 가져올 수 있기 때문입니다. 여기에 전달할 매개변수를 넣을 수 있습니다.
콜백: 선택적 매개변수는 로드 메소드를 호출하고 서버로부터 응답을 받은 후 실행되는 또 다른 함수를 의미합니다.

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

2. 전달 매개변수가 포함된 PHP 파일을 로드합니다.
$("#myID").load("test.php",{"name" : "Adam"}); 가져온 PHP 파일에는 test.php?name=Adam
과 유사한 전달 매개변수가 포함되어 있습니다.

3. 전달된 여러 매개변수가 포함된 PHP 파일을 로드합니다. 참고: 매개변수를 쉼표로 구분하세요.

$("#myID").load("test.php",{"name" : "Adam" , "site": "61dh.com"}) / /가져온 PHP 파일에는 test.php?name=Adam&site=61dh.com
과 유사한 전달 매개변수가 포함되어 있습니다.
4. 배열을 전달 매개변수로 사용하는 PHP 파일을 로드합니다.

$("#myID").load("test.php",{'myinfo[]', ["Adam", " 61dh .com"]});

//가져온 PHP 파일에는 배열 전달 매개변수가 포함되어 있습니다.
참고: 로드를 사용할 때 이러한 매개변수는 POST로 전달되므로 test.php에서는 GET을 사용하여 매개변수를 얻을 수 없습니다.

2: 콜백 사용법
예를 들어 로드 메소드가 서버 응답을 받은 후 로드된 콘텐츠를 천천히 표시하려면 콜백을 사용하면 됩니다. 기능.

코드는 다음과 같습니다.

코드를 복사합니다코드는 다음과 같습니다.

$("#go").click(function(){

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

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

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

$(document).ready(function(){

$("#labels").load("/blog/categories/labels.html");
//페이지가 다음인 경우 로드된 ID에서 labels.html의 내용을 #labels의 DOM 요소에 삽입합니다.
});


labels.html을 업데이트한 후에도 IE7의 로드 메소드는 여전히 이전 labels.html, 새로고침 키를 눌러도 작동하지 않습니다. 다행스럽게도 jQuery는 ajax가 캐시를 사용하는 것을 방지하는 방법을 제공하여 문제를 해결하기 위해 헤드 자바스크립트 파일에 다음 명령문을 추가합니다.

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

$.ajaxSetup({

캐시 : false / /AJAX 해당 캐시를 닫습니다
});


이 외에도 캐시 문제를 해결하는 몇 가지 방법을 소개하겠습니다. 참고: jQuery 로드 문제에 대해서는 테스트하지 않았습니다. 이 방법은 참조용일 뿐입니다!

1. labels.html을 labels_new.html로 변경하는 등 파일 이름을 변경합니다. 그러나 이것은 당연한 일이며 일반적으로 아무도 이 작업을 수행하지 않습니다.

2. labels.html?20081116과 같이 labels.html 뒤에 특정 시간을 추가합니다. 실제 작업에서는 css/javascript 파일을 업데이트한 후 파일이 캐시되는 것을 방지하기 위해 항상 이 방법을 사용합니다.

3. labels.html 파일 상단에 다음 문을 추가합니다.

="만료됨" CONTENT="-1">

4. 로드 함수는 HTML을 호출할 수 있을 뿐만 아니라 labels.php와 같은 스크립트도 호출할 수 있습니다.

코드 복사

코드는 다음과 같습니다:header("Cache-Control: no-cache, must-revalidate") ;

?>
로드의 특수 사용법:
로드 URL에서 선택자 뒤에 공백을 추가합니다.
예: test.html의 콘텐츠를 로드해야 하며 ID가 a인 콘텐츠만 필요합니다.
$("body").load("test.html #a");