Carica contenuto da una pagina esterna in un'altra pagina utilizzando Ajax/jQuery

Question

C'è un modo per farlo?

page1.php --has

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

index.php --has

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

Posso in qualche modo prendere i dati da page1.php all'interno del content div e caricarlo nel div main nel mio index.php?

ho fatto questo con il codice fornito al CSS-trucchi url: http://css-tricks.com/examples/DynamicPage/

Ma questo utilizza gli eventi di modifica di hash. Non voglio usare la funzione di hash, solo la funzione di caricamento del contenuto, ma non riesco a isolare il codice perché penso che sia incorporato nel plugin di hashchange per bbq.

C'è un modo Ajax di farlo?

Qualcosa di simile

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

Answer 1

Basta mettere un selettore di filtraggio dopo l'URL nel primo argomento .load s':

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

che inietterà il div #main nella pagina corrente con il contenuto di #contenuto da page1.php.