Charger le contenu d'une page externe dans une autre page en utilisant Ajax/jQuery

Question

Existe-t-il un moyen de le faire?

page1.php --a

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

index.php --a

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

Puis-je saisir en quelque sorte les données de page1.php intérieur du div content et le charger dans le main div dans mon index.php?

Je l'ai fait avec le code fourni à l'adresse-tours css: http://css-tricks.com/examples/DynamicPage/

Mais celui-ci utilise les événements de changement de hachage. Je ne veux pas utiliser la fonction de hachage, mais simplement la fonctionnalité de chargement de contenu, mais je ne peux pas sembler isoler le code pour cela car je pense qu'il est intégré dans le plugin bbq hashchange.

Existe-t-il une façon Ajax de le faire?

Quelque chose comme

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

Answer 1

Il suffit de mettre un sélecteur de filtrage après l'URL dans le premier argument de .load:

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

qui injectera la #main div dans la page en cours avec le contenu de #content de page1.php.