【问题标题】：cordova&jquery：value sent to another static html pagecordova&jquery：值发送到另一个静态html页面
【发布时间】：2012-12-05 09:03:12
【问题描述】：

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

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

但是，我遇到了问题：

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

在 page.html 中，如何启动获取数据的请求？在page.html中，我写：

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

但它没有被调用。

谢谢。

【问题讨论】：

标签： jquery ios jquery-mobile cordova

【解决方案1】：

如果您想要从一个页面到另一个页面的值，您几乎没有选择（相同的规则适用于具有多个页面的单个 jQM html 以及围绕多个 html 文件构建的 jQM 项目）：

我。在第二页上使用 pagebeforeshow 并通过数据对象检索所有需要的数据。假设您有 2 个 html 文件，第一个 html 的 id 为“page1”，第二个 html 的 id 为“page2”），例如：

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

二。第二种选择是创建一个共享对象，用作数据存储：

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

这是一个最简单的解决方案，但它仅在 ajax 页面加载处于活动状态时才有效。

三。您可以使用 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);
});

更多信息