>웹 프론트엔드 >JS 튜토리얼 >Jquery의 로드 메소드 사용법과 주의사항

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

巴扎黑
巴扎黑원래의
2017-06-30 14:23:341448검색

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

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

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

2로 가져온 후의 결과. 전달 매개변수

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

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

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

4와 유사한 전달 매개변수가 포함되어 있습니다.

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

4 로드 함수는 HTML뿐만 아니라 labels.php와 같은 스크립트도 호출할 수 있습니다. php 파일의 헤더 함수를 사용할 수 있습니다.


코드는 다음과 같습니다. :

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


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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.