7

サーバー側では、これはサーバー側スクリプトで簡単に実行できますが、PhoneGap開発の焦点はローカル コピーにあります。では、HTMLページを別の HTML ページに再利用/含めるにはどうすればよいでしょうか (Same Origin Policy に違反することなく)。

4

3 に答える 3

4

を使用してアプリケーションを開発する際に、利用可能な多くの優れたライブラリを使用できます。ライブラリPhoneGapを認識している場合、jQuery Mobileこのライブラリを使用すると、複数の HTML ページを 1 つの単一ページに含めることができます。私はPhoneGap開発者です。このjQMライブラリを使用して単一ページ アプリケーションを開発しました。

彼らは Ajax ナビゲーションに取り組んでいました。そのため、クライアント側でページをリロードする必要はありません。これにより、アプリのパフォーマンスが劇的に向上します。localStorage があります。1HTML5つの ajax ヒットですべてのデータを保存し、複数のページをナビゲートします。

リンクは次のとおりです：jQuery Mobile

さらに、 pager.jsライブラリを使用して、複数のHTMLページを 1 つのページに読み込むことができます。学習は非常に簡単です。

これがあなたを助けることを願っています。

于 2013-05-22T08:27:43.083 に答える
2

ajax リクエストで取得し、ページに挿入できます。私は angular.js を使用していますが、これが舞台裏で行われていることです... jquery のロード関数のような単純なものを好むかもしれません: http://api.jquery.com/load/。

于 2013-05-21T16:58:44.273 に答える
-1

Ajax 経由でコンテンツをロードする方が優れたソリューションですが、JSONP は Ajax でコンテンツをロードする代替方法になります。JSONP は同一オリジン ポリシーの問題を引き起こしません。

script-tag を介して読み込んで表示する JS ファイルに HTML コードを配置します。例えば：

JSONP ファイル:

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

HTML ファイル:

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

http://en.wikipedia.org/wiki/JSONPも参照してください。

于 2013-05-25T11:03:44.720 に答える