Question

我知道在服务器端，这可以通过服务器端脚本轻松完成，但PhoneGap开发重点是本地副本。那么我怎样才能重用/包含HTML页面到另一个页面HTML页面（没有暴力的同源政策）？

Answer 1

在使用PhoneGap开发应用程序时，您可以使用许多可用的好库。如果您知道jQuery Mobile库。使用此库，您可以将多个html页面包含在一个页面中。我是{ {1}} developer。我使用这个PhoneGap库开发了单页面应用程序。

他们处理Ajax导航。因此，客户端没有页面重新加载。这将使您的应用程序性能显着提升。您有jQM localStorage.Store一个ajax命中的所有数据并浏览多个页面

以下是链接： jQuery Mobile

此外，您可以使用 pager.js 库将多个HTML5页面加载到一个页面中。这很容易学习。

希望这会对你有所帮助。

Answer 2

您可以使用ajax请求获取它，然后插入您的页面。我使用angular.js，这就是它在幕后的作用......你可能更喜欢像jquery的加载函数这样简单的东西：http://api.jquery.com/load/。

Answer 3

通过Ajax加载内容是更好的解决方案，但JSONP将是使用Ajax加载内容的另一种方法。 JSONP不会导致相同的原始策略问题。

将HTML代码放在JS文件中，然后通过script-tag加载和显示。 E.g：

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>