javascript - 如何在 Phonegap 中使用 JavaScript 将数据从一个 html 传递到另一个 html 页面？

Question

我创建了两个 HTML 页面 page1.html 和 page2.html 。在 page1.html 中，我有三个文本字段和一个提交按钮，在 page2.html 中，我有一个 ListView 。因此，当我填写文本并单击 page1.html 中的提交按钮时，数据应该出现在 ListView 中。请帮助我。 提前致谢

Answer 1

解决方案:

(1)。也可以将 page2 html 元素加载到您当前的 DOM 中，但您需要了解这一点，** JQM 如何处理 DOM？

示例: 考虑两个名为 first 和 second 的 HTML 文件，每个文件包含五个页面。在加载时，只有第一个 html 文件将完全加载到 DOM 中，即使文件中的第一页显示给您，页面的其余部分将被隐藏并由 JQM 部分加载。到目前为止一切正常，但是一旦您尝试在不同的文件中导航页面，就会出现锁定。

例如，现在您位于第 1 页 (first.html)，尝试使用 ($.mobile.load..) 导航第二个文件中的第 3 页。它只是将第二个文件中的第 3 页 HTML 元素加载到当前 DOM 中，其余部分(包括该页面事件)将被忽略。

(2).使用 localStorage 最适合将值传递到外部文件。

代码:

page1.html

var listvalues = { "1": "value1", "2": "value2", "3": "value3" }
*// OR IF INTPUT IS INSIDE FORM BETTER USER JQUERY SERIALIZER var listvalues = $("#form").serialize();*
    localStorage.setItem('lists', JSON.stringify(listvalues)); 

page2.html

var listvalues = localStorage.getItem('lists');
//pase the value 
var finalvalue = JSON.parse(listvalues);
// it look like this { "1": "value1", "2": "value2", "3": "value3" };

(3). 您也可以尝试 sessionStorage 来做同样的事情。，

(4).如果是多页面架构，尝试通过在公共(public)文件中声明变量来使用全局变量。