Tải nội dung từ trang bên ngoài vào một trang khác bằng cách sử dụng Ajax/jQuery

Question

Có cách nào để thực hiện việc này không?

page1.php --has

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

index.php --has

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

Tôi có thể bằng cách nào đó lấy dữ liệu từ page1.php bên trong content div và tải nó vào div main trong index.php của tôi?

Tôi đã làm điều này với mã được cung cấp tại css-trick url: http://css-tricks.com/examples/DynamicPage/

Nhưng điều này sử dụng các sự kiện thay đổi băm. Tôi không muốn sử dụng tính năng băm, chỉ là tính năng tải nội dung, nhưng tôi dường như không thể cô lập mã cho điều đó bởi vì tôi nghĩ rằng nó được xây dựng trong plugin băm bbq.

Có cách nào để thực hiện Ajax không?

Something như

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

Answer 1

Chỉ cần đặt một chọn lọc sau URL trong đối số đầu tiên .load 's:

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

Đó sẽ bơm div #main trong trang hiện tại với nội dung của #content từ page1.php.