jquery 로드 이벤트(콜백/데이터) 사용 방법 및 주의사항_jquery

창 개체에 바인딩된 경우 창, 프레임, 개체 및 이미지를 포함한 모든 콘텐츠가 로드된 후 트리거됩니다. 요소에 바인딩된 경우 해당 요소의 콘텐츠가 로드될 때 실행됩니다.

참고: 이 요소가 완전히 로드되기 전에 로드 핸들러가 바인딩된 경우에만 로드된 후에 트리거됩니다. 나중에 바인딩하면 절대 트리거되지 않습니다. 따라서 $(document).ready()에서 로드 이벤트를 바인딩하지 마세요. 왜냐하면 jQuery는 모든 DOM 로딩이 완료된 후 로드 이벤트를 바인딩하기 때문입니다. 따라서 로드 메소드를 사용할 경우에는 페이지 상단에 로드 메소드를 작성해 주시기 바랍니다.

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=Adam3과 유사한 전달 매개변수가 포함되어 있습니다. 여러 매개변수 전달이 포함된 PHP 파일을 로드합니다. 참고: 매개변수를 쉼표로 구분하세요.
$("#myID").load("test.php",{"name" : "Adam" , "site": "61dh.com"}) / /가져온 PHP 파일에는 test.php?name=Adam&site=61dh.com4와 유사한 전달 매개변수가 포함되어 있습니다. 전달 매개변수
$("#myID")로 배열을 사용하는 PHP 파일을 로드합니다. "test.php",{'myinfo[]', ["Adam", "61dh.com"]})
//가져온 PHP 파일에는 배열 전달 매개변수가 포함되어 있습니다. 참고: 로드를 사용할 때 이러한 매개변수는 POST로 전달되므로 test.php에서는 GET을 사용하여 매개변수를 얻을 수 없습니다.


2: 콜백 사용법 예를 들어 로드 메소드가 서버 응답을 받은 후 로드된 콘텐츠를 천천히 표시하고 싶다면 콜백 기능을 사용할 수 있습니다. 코드는 다음과 같습니다.