cordova＆jquery：将值发送到另一个静态html页面

我在做一个使用Cordova和JQuery的ios web应用程序。 我创build了具有3行列表视图的index.html。 当单击该行时，该页面将更改为另一个page.html。 根据点击的行，JS会询问服务器的数据并刷新page.html。 现在我的问题是实施它的最佳做法是什么？ 我的意思是这样做的正规风格，因为我是新鲜的前端。 目前我在index.html中添加锚点：

 <li><a href="page.html">A Header Bars</a></li> 

但是，我遇到了问题：

1. 我不知道如何获取page.html中点击的行信息

2. 在page.html中，我如何开始请求来获取数据？ 在page.html中，我写道：

    $(document).ready(function() { console.log("test"); document.write("page test"); }) 

但是不叫。

谢谢。

Answer 1

如果你想从一个页面到另一个页面的值，你有几个选项（相同的规则适用于多个页面的单个jQM html和围绕多个html文件构build的jQM项目）：

I.在第二页使用pagebeforeshow并通过数据对象检索所有需要的数据。 比方说，你有2个HTML文件，第一个HTML有一个ID“page1”，第二个有一个ID“page2”），例如：

 $('#page2').live('pagebeforeshow', function (e, data) { alert(data.prevPage.find('div[data-role="content"]').attr('id')); }); 

II。 第二个select是创build一个共享对象，将用作数据存储：

 var storeObject = { someValue : '1', anotherValue : '2' } 

这是一个最简单的解决scheme，但它只会在ajax页面加载处于活动状态时起作用。

III。 您可以使用changePage传递值：

 $.mobile.changePage('page2.html', { dataUrl : "page2.html?paremeter=123", data : { 'paremeter' : '123' }, reloadPage : true, changeHash : true }); 

并像这样读取它们：

 $('#page2').live('pagebeforeshow', function (e, data) { var paremeter = $(this).data("url").split("?")[1];; paremeter = paremeter.replace("paremeter=",""); alert(paremeter); }); 

更多信息

如果你想了解更多关于这个话题，请看这篇文章 。 你会发现几个解决scheme的例子。

Answer 2

检查这个例子在这里，希望它会有所帮助

http://wpcertification.blogspot.com/2012/05/using-jquery-mobile-in-phonegapcordova.html

Answer 3

https://stackoverflow.com/a/16497284/3169868回答这个很好。 对于cordova + wp8，LocalStorage的选项很容易实现。