아약스를 사용하여 여러 부분으로 웹 페이지로드하기

Question

jQuery 아약스 또는 단순한 자바 스크립트 아약스 함수를 사용하여 웹 페이지를 여러 부분으로로드하려는 경우 사용자가 전체 페이지가로드 될 때까지 기다리지 않고 웹 페이지와 상호 작용할 수 있습니다. Gmail처럼.

어떻게하면 되나요?

Answer 1

일반적으로 동적으로로드 된 내용을 삽입하려면 div 컨테이너를 사용해야합니다.

<div id="header"></div> 
<div id="content"></div> 
<div id="sidebar"></div> 
<div id="footer"></div> 

그런 다음 당신은 시작에 다른 페이지를로드 할 수 있습니다.

$(function(){ 
    $('#content').load('content.php'); 
    $('#content').load('sidebar.php'); 
}); 

물론 시작일뿐입니다. 로드 할 때 오류가 있는지 확인하고 다시 시도해야합니다. 또한 해시 값을 사용하면 콘텐츠 &을 동적으로로드 할 수 있습니다.