2010-08-15 5 views
2

Je construis une page PHP qui chargera du contenu hors site dans un DIV. Il y a aussi d'autres éléments statiques sur la page. Le problème que j'ai est que la page prend trop de temps à charger parce que PHP charge le contenu hors site avant d'afficher la page.Chargement du contenu hors site avec AJAX

Je songe à charger le contenu hors site dans la DIV via AJAX. Je suppose que le reste de la page se chargerait quel que soit le temps de chargement de la DIV AJAX.

Le contenu n'aura pas besoin d'être mis à jour ou modifié pendant le chargement de la page d'origine. Il suffit de charger le contenu une fois.

J'ai cherché pendant un certain temps et j'ai trouvé beaucoup de techniques différentes pour ce faire. Comme jQuery.

Avez-vous des suggestions pour ce faire?

Tous les liens vers des didacticiels seraient excellents.

Merci

+1

Que signifie "contenu hors site" exactement? Contenu tiers? Contenu d'un domaine différent? Pouvez-vous contrôler à quoi ça ressemble? Parce que les requêtes Ajax ne peuvent pas aller au-delà du même domaine sans quelques ajustements (JSONP). –

+0

Je charge le contenu d'un autre domaine que je possède. Oui, je peux contrôler à quoi ça ressemble. – Mark

+0

Juste une note. Je prévoyais de charger un script PHP sur le même domaine pour récupérer le contenu hors site. Ensuite, utilisez AJAX pour l'afficher. – Mark

Répondre

1

Je suppose que cela peut vous aider:

$('#result').load('ajax/test.html'); 

Référence: jquery

0

Si vous contrôlez le second (hors site) domaine, vous pouvez contourner les same-origin policy questions par charger un script sur le domaine secondaire. Ce script devrait lancer les différentes mises à jour de contenu AJAXish que vous voulez.

sur example1.com:

<div id="stuff-from-example2"></div> 
<script src="http://www.example2.com/js/stuff.js"></script> 

dans stuff.js:

$('#stuff-from-exampl2").load('http://www.example2.com/fragment.html'); 
0

Vous pouvez contourner la politique d'origine en chargeant les données à l'aide JSONP.

Voici les JQuery docs

Questions connexes