2013-05-18 18 views
5

Wiem, że po stronie serwera można to łatwo zrobić za pomocą skryptu po stronie serwera, ale rozwój koncentruje się na lokalnej kopii. Jak mogę ponownie użyć/zamieścić stronę HTML na innej stronie HTML (bez użycia przemocy w tej samej zasadzie Origin)?Phonegap Jak ponownie użyć/dołączyć stronę HTML?

+0

można podać jakiś kod? – Mkpatel

+0

Czy próbowałeś iframe? –

+0

@TasosBitsios element iframe nie jest tym, czego chcę, na przykład chcę użyć spersonalizowanego komponentu okna dialogowego (kontener div) na całej stronie, nie chcę kopiować treści HTML na całej stronie, więc jak mogę to zrobić? ? – GMsoF

Odpowiedz

3

Można użyć wielu dobrych bibliotek dostępnych podczas tworzenia aplikacji z wykorzystaniem PhoneGap .Jeżeli jesteś świadomy jQuery Mobile library.Using tej biblioteki można zawierać wiele stron html w jeden page.I am PhoneGap developer.I opracowali jedną stronę aplikacja korzystająca z tej biblioteki jQM.

Pracowali nad nawigacją Ajax.Tak, bez przeładowywania strony po stronie klienta. To znacznie zwiększy wydajność twojej aplikacji. Masz HTML5 localStorage. Przechowuj wszystkie dane w jednym uderzeniu ajaxowym i poruszaj się po wielu stronach.

Oto link: jQuery Mobile

Dodatkowo można użyć pager.js biblioteki do ładowania wielu HTML stron w jeden page.It jest bardzo łatwy do nauczenia.

Mam nadzieję, że to ci pomoże.

+0

Nieprawidłowy link do strony jQuery Mobile FYI - prowadzi do strony pager.js –

2

Można go pobrać za pomocą żądania ajax, a następnie wstawić na swojej stronie. Używam angular.js i to jest to, co robi za kulisami ... Możesz preferować coś prostszego, jak funkcja ładowania jquery: http://api.jquery.com/load/.

+0

Witam, próbowałem tej metody w przeglądarce internetowej, będziemy mieć problem z tą samą zasadą pochodzenia, jeśli spróbujemy ajax pobrać plik lokalny. Ponieważ phonegap skupia się na pliku lokalnym, używając ajax, będziemy mieli ten sam problem, prawda? – GMsoF

+0

Jeśli pracujesz na komputerze lokalnym, musisz uruchomić serwer http i serwować pliki. OSX jest dostarczany z Apache, którego używam, ale jest nieco trudny do skonfigurowania. Możesz użyć jakiegoś LAMPA sorta lub po prostu przejdź do folderu zawierającego twoje htmls i uruchom "python -m SimpleHTTPServer". SimpleHTTPServer czasami pomija żądania, ale działa. –

+0

Węzeł jest także inną opcją dla prostego serwera http. – Kieran

-1

Ładowanie treści przez Ajax jest lepszym rozwiązaniem, ale JSONP byłby alternatywnym sposobem ładowania zawartości z Ajax. JSONP nie powoduje problemów z zasadami tego samego pochodzenia.

Umieść swój kod HTML w pliku JS, który ładujesz i wyświetlasz za pomocą znacznika script. Np .:

JSONP-File:

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

HTML Plik:

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

Zobacz również http://en.wikipedia.org/wiki/JSONP

Powiązane problemy