jQuery 로드 메소드 사용법 collection_jquery

로드 메소드 호출의 전체 형식은 다음과 같습니다: load(url, [data], [callback]), 여기서
url:은 가져올 파일의 주소를 나타냅니다.
data: 선택적 매개변수. Load는 정적 HTML 파일뿐만 아니라 PHP 파일과 같은 동적 스크립트도 가져올 수 있으므로 동적 파일을 가져오려는 경우 여기에 전달할 매개변수를 넣을 수 있습니다.
콜백: 선택적 매개변수로, 로드 메소드를 호출하고 서버로부터 응답을 받은 후 실행되는 또 다른 함수를 의미합니다.
1: 데이터 사용 방법
1. 전달 매개변수가 포함되지 않은 PHP 파일을 로드합니다.
$("#myID").load("test.php") ;
//ID가 #myID
인 요소에서 test.php를 실행한 후 결과를 가져옵니다. 2. 전달 매개변수
$("#myID")가 포함된 PHP 파일을 로드합니다. php",{"name" : "Adam"});
//가져온 php 파일에는 다음과 유사한 전달 매개변수가 포함되어 있습니다: test.php?name=Adam
3. php 파일인 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" : "Cai", "fname" : "Adam", function() {
$( "#myID").fadeIn('slow');}
);
})

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

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

$ (문서) .ready(function(){
$("#labels").load("/blog/categories/labels.html");
//페이지가 로드되면 DOM 요소는 ID #labels
}에 labels.html의 내용을 삽입하세요.); 새로고침을 눌러도 키가 작동하지 않습니다. 다행히 jQuery에서는 ajax가 캐시를 사용하지 못하도록 방지하는 방법을 헤드 자바스크립트 파일에 추가하여 문제를 해결합니다.

코드 복사

코드는 다음과 같습니다. $.ajaxSetup({cache : false / /AJAX 해당 캐시 닫기

})

이 외에도 캐시 문제를 해결하는 몇 가지 방법을 소개하겠습니다. 참고: jQuery 로드 문제에 대해서는 테스트하지 않았습니다. 이 방법은 참조용일 뿐입니다!
1. labels.html을 labels_new.html로 변경하는 등 파일 이름을 변경합니다. 그러나 이것은 당연한 일이며 일반적으로 아무도 이 작업을 수행하지 않습니다.
2. labels.html?20081116과 같이 labels.html 뒤에 특정 시간을 추가합니다. 실제 작업에서는 css/javascript 파일을 업데이트한 후 파일이 캐시되는 것을 방지하기 위해 항상 이 방법을 사용합니다.

3. labels.html 파일 상단에 다음 문을 추가합니다.
="Expires " CONTENT="-1">
4. 로드 함수는 HTML을 호출할 수 있을 뿐만 아니라 labels.php와 같은 스크립트도 호출할 수 있습니다.




코드 복사

코드는 다음과 같습니다. header("캐시 -제어: 캐시 없음, 재검증 필수" ); ?>

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