비디오: HTML - 폼3 - 예제2 - GET과 POST의차이 2024
AJAX는 SSI (Server Side Includes)와 같은 HTML5 및 CSS3에 대해 동일한 효과를 줄 수 있습니다. 페이지는 완전히 똑같아 보이지만 목표를 달성하는 데 완전히 다른 방법이 사용됩니다.
csAJAX. html $ (문서). load ("menu.html"); $ ("# content1") load ("head # html") load (" load ("footer. html");}); $ ("# footer");
페이지 내용이 비어 있습니다. 모든 내용을 사용할 수 있습니다. jQuery AJAX 호출은 각 텍스트 파일을 적절한 요소에로드하는 데 사용되었습니다.
계획은 다음과 같습니다.
-
jQuery 라이브러리 가져 오기.
jQuery 라이브러리는 AJAX로 작업하는 가장 쉬운 방법이므로, AJAX로 작업 할 때마다 jQuery를 가져 오십시오.
-
초기화 함수를 추가합니다.
jQuery에서 초기 함수를 호출하는 방법은 여러 가지가 있습니다. 페이지가로드 된 후 다른 JavaScript보다 먼저 발생하는 한 어떤 메커니즘을 사용하든 상관 없습니다.
-
각 div를 load () 메소드로로드하십시오.
jQuery 라이브러리에는 AJAX 호출을하고 표시된 요소에 문서를 배치 할 수있는 load () 메소드가있다. 페이지의 각 요소에 대해이 메커니즘을 사용하십시오.
자바 스크립트를 변경하여 매우 다른 내용으로 동일한 문서 구조를 사용할 수 있습니다. 서버가 SSI를 허용하지 않기 때문에 본격적인 CMS를 만들 수는 없지만 AJAX를 수행 할 수있는 경우 레이아웃에서 콘텐츠를 쉽게 분리 할 수 있습니다.
