javascript - Phonegap How To Reuse/Include HTML Page?

Question

I know in server side,this can be done easily by the server side script,but PhoneGap development focus is on the local copy.So how could I reuse/include a HTML page into another HTML page (without violent the Same Origin Policy)?

Answer 1

在使用 .If 开发应用程序时，您可以使用许多可用的好库PhoneGap。如果您知道jQuery Mobile库。使用此库，您可以将多个 html 页面包含到一个页面中。我是开发人员。我已经使用此库PhoneGap开发了单页应用程序。jQM

他们致力于 Ajax 导航。因此，客户端无需重新加载页面。这将使您的应用程序性能显着提高。您拥有HTML5localStorage。将所有数据存储在一个 ajax 命中并导航多个页面。

这是链接：jQuery Mobile

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

希望这会帮助你。

Answer 2

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

Answer 3

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

将您的 HTML 代码放在您通过 script-tag 加载和显示的 JS 文件中。例如：

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