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

Question

我已经创建了两个HTML页面page1.html和page2.html.在page1.html,我有三个文本字段和一个提交按钮,page2.html我有一个列表视图.因此,当我填写文本并单击提交按钮时page1.html,数据应该在列表视图中.请帮助我 提前致谢

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.httml

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).如果是多页面体系结构,请尝试通过在公共文件中声明变量来使用全局变量.