이 글은 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的内容。 });labels.html을 업데이트한 후에도 IE7의 로드 메소드는 여전히 이전 labels.html을 사용하며, 업데이트해도 작동하지 않습니다. 새로고침 키를 누르세요. 다행스럽게도 jQuery에서는 ajax가 캐시를 사용하지 못하도록 방지하는 방법을 헤드의
javascript 파일에 추가하여 문제를 해결합니다.
$.ajaxSetup ({ cache: false //关闭AJAX相应的缓存 });이 외에도 캐시 문제를 해결하는 여러 가지 방법을 소개하겠습니다. 참고: jQuery 로드 문제에 대해서는 테스트하지 않았습니다. 이 방법은 참조용일 뿐입니다! 1. labels.html을 labels_new.html로 변경하는 등 파일 이름을 변경하지만 이는 당연한 일이며 일반적으로 아무도 이를 수행하지 않습니다. 2. labels.html?20081116과 같이 labels.html 뒤에 특정 시간을 추가하세요. 실제 작업에서는 css/javascript 파일을 업데이트한 후 파일이 캐시되는 것을 방지하기 위해 항상 이 방법을 사용합니다. 3. labels.html 파일 상단에 다음 문을 추가합니다.
7599a483b8d1950a5a2f39feab9a65b6
3807a63e39dc97da37fc3f58f9010c9e
<?php header("Cache-Control: no-cache, must-revalidate"); ?>
로드의 특수 사용법 :
로드 URL 뒤에 공백을 추가하여 선택기를 따르십시오. 예: test.html의 콘텐츠를 로드해야 하며 ID가 a인 콘텐츠만 가져오면 됩니다.
$("body").load("test.html #a");
위 내용은 Jquery의 로드 메소드 사용법과 주의사항의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!