Cargar contenido desde una página externa a otra página usando Ajax/jQuery

Question

¿Hay alguna manera de hacerlo?

pagina1.php --has

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

index.php --has

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

¿hay algún modo agarrar los datos de pagina1.php interior de la content div y cargarlo en el main div en mi index.php?

he hecho esto con el código proporcionado en css-tricks url: http://css-tricks.com/examples/DynamicPage/

Pero esto utiliza los eventos de cambio de patata. No quiero usar la función de hash, solo la función de cargar contenido, pero parece que no puedo aislar el código porque creo que está integrado en el complemento de hashchange de bbq.

¿Hay alguna forma de hacerlo?

Algo así como

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

Answer 1

Sólo hay que poner un selector de filtrado después de la URL en el primer argumento .load 's:

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

que inyectará el div #main en la página actual con el contenido de #content de page1.php.