2013-05-18 9 views
5

So che sul lato server, questo può essere fatto facilmente dallo script lato server, ma lo sviluppo dello sviluppo PhoneGap è sulla copia locale. Così come posso riutilizzare/includere una pagina HTML in un'altra pagina HTML (senza violare la stessa politica di origine)?PhoneGap Come riutilizzare/includere la pagina HTML?

+0

Potete fornire qualche codice? – Mkpatel

+0

Hai provato un iframe? –

+0

@ L'iframe di TasosBitsios non è quello che voglio, ad esempio, voglio usare un componente di dialogo personalizzato (un contenitore div) su tutta la pagina, non voglio copiare il contenuto HTML su tutta la pagina, quindi come posso fare ? – GMsoF

risposta

3

È possibile utilizzare molte buone librerie disponibili durante lo sviluppo di un'applicazione che utilizza PhoneGap .Se siete a conoscenza di jQuery Mobile library.Using questa libreria è possibile includere più pagine HTML in un unico page.I am PhoneGap developer.I hanno sviluppato singola pagina applicazione utilizzando questa libreria jQM.

hanno lavorato sul Ajax navigation.So, nessuna pagina ricaricare le side.This cliente renderà il vostro prestazioni app dramatically.You hanno HTML5 localStorage.Store tutti i dati in un solo colpo Ajax e navigare attraverso le pagine multiple.

Ecco il link: jQuery Mobile

Inoltre è possibile utilizzare pager.js libreria per caricare più HTML pagine in un singolo di page.It molto facile da imparare.

Spero che questo ti possa aiutare.

+0

Link errato su jQuery Mobile FYI - si collega a pager.js –

2

È possibile recuperarlo con una richiesta Ajax e quindi inserirlo nella pagina. Io uso angular.js e questo è ciò che fa dietro le quinte ... Potresti preferire qualcosa di più semplice come la funzione di caricamento di jquery: http://api.jquery.com/load/.

+0

Ciao, ho provato questo metodo nel browser Web, avremo il problema della stessa politica di origine se proviamo a ajax recuperare un file locale. Dato che phonegap si concentra sul file locale, usando ajax, avremo lo stesso problema giusto? – GMsoF

+0

Se si sta sviluppando sul proprio computer locale, è necessario eseguire e server http per servire i file. OSX viene fornito con apache, che è quello che uso, ma è un po 'difficile da configurare. Puoi usare qualche cosa LAMP o semplicemente andare alla cartella contenente i tuoi html ed eseguire "python -m SimpleHTTerver". SimpleHTTPServer a volte manca richieste ma funziona. Il nodo –

+0

è anche un'altra opzione per un semplice server http. – Kieran

-1

Il caricamento del contenuto tramite Ajax è la soluzione migliore, ma JSONP sarebbe un modo alternativo per caricare il contenuto con Ajax. JSONP non causa gli stessi problemi di politica di origine.

Inserire il codice HTML in un file JS caricato e visualizzato tramite script-tag. Es .:

JSONP-File:

var dialogComponentHTML = "<form>your html code...</form"; 
$(document).ready(function() { 
    $("#your_placeholder").html(dialogComponentHTML); 
}); 

HTML-File:

<script type="text/javascript" src="dialog.jsonp"> 
<div id="your_placeholder"></div> 

Vedi anche http://en.wikipedia.org/wiki/JSONP

Problemi correlati