Je sais que côté serveur, cela peut être fait facilement par le script côté serveur, mais le développement de PhoneGap se concentre sur la copie locale. Comment pourrais-je réutiliser/inclure une page HTML dans une autre page HTML (sans violer la politique de même origine) ?
Réponses
Trop de publicités?
Vous pouvez utiliser de nombreuses bonnes bibliothèques disponibles lors du développement d'une application en utilisant PhoneGap. Si vous connaissez la bibliothèque jQuery Mobile. En utilisant cette bibliothèque, vous pouvez inclure plusieurs pages HTML en une seule page. Je suis un développeur PhoneGap. J'ai développé une application à page unique en utilisant cette bibliothèque jQM.
Ils ont travaillé sur la navigation Ajax. Ainsi, il n'y a pas de rechargement de page du côté client. Cela améliorera considérablement les performances de votre application. Vous avez le stockage local HTML5. Stockez toutes les données en un seul appel ajax et naviguez à travers plusieurs pages.
Voici le lien: jQuery Mobile
De plus, vous pouvez utiliser la bibliothèque pager.js pour charger plusieurs pages HTML en une seule page. C'est très facile à apprendre.
J'espère que cela vous aidera.
sachit
Points
1
Vous pourriez le récupérer avec une requête ajax puis l'insérer dans votre page. J'utilise angular.js et voici ce qu'il fait en arrière-plan... Vous pourriez préférer quelque chose de plus simple comme la fonction de chargement de jquery : http://api.jquery.com/load/.
Tyron
Points
1339
Le chargement du contenu via Ajax est la meilleure solution, mais JSONP serait une alternative pour le chargement du contenu avec Ajax. JSONP ne cause pas de problèmes de politique de même origine.
Placez votre code HTML dans un fichier JS que vous chargez et affichez via la balise script. Par exemple:
Fichier JSONP:
var dialogComponentHTML = "votre code html...`
Fichier HTML:
<div id="your_placeholder"></div>
</code></pre>
<p> Voir aussi <a href="http://en.wikipedia.org/wiki/JSONP" rel="nofollow">http://en.wikipedia.org/wiki/JSONP</a></p></x-turndown>`
