Ajax/jQuery를 사용하여 외부 페이지의 내용을 다른 페이지로로드하십시오.

Question

이 방법이 있습니까?

page1.php 는

<div id="main"> 
    <div id="content">hello</div> 
</div> 

index.php를 --has

<div id="main"> 
</div> 

내가 어떻게 든 content 사업부의 내부 page1.php에서 데이터를 잡아로드 ​​할 수 --has 내 index.php의 main div로 이동 하시겠습니까?

나는 CSS 트릭의 URL에서 제공되는 코드로 이런 짓을했는지 : http://css-tricks.com/examples/DynamicPage/

하지만이 해시 변경 이벤트를 사용합니다. 해시 기능을 사용하고 싶지는 않지만로드 내용 기능 만 사용할 수는 있지만 바큐 해시 변경 플러그인에 내장되어 있기 때문에 코드를 분리 할 수는 없습니다.

아약스의 방법이 있습니까?

$(selector).find('#main').load('#content'); 

Answer 1

그냥 .load의 첫 번째 인수에 URL 후 필터링 선택기를 넣어

뭔가 같은 :의 내용으로 현재 페이지의 #main의 사업부를 주입합니다

$(document).ready(function() { 
    $("#main").load('page1.php #content'); 
}); 

#content from page1.php.