page1.html和page2.html。在page1.html中，我有三个文本字段和一个提交按钮，在page2.html中，我有一个列表视图。因此，当我填写文本并在page1.html中单击提交按钮时，数据应该出现在列表视图中。请协助我。
提前致谢。解决方案：
(1). 将page2的html元素加载到当前DOM中也是可能的，但你需要学习如何处理JQM中的DOM，
示例： 考虑两个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). 如果是多页面架构，请在公共文件中声明变量并使用全局变量。
page1.html:
$(#submit').click(function{
window.location.href="page2.html?text1="+$('#text1').val()...etc
});
page2.html:
$(document).ready(function(){
var idx = document.URL.indexOf('?text1=');
if (idx !== -1) {
//take each textfield values from the "document.URL" using substring function
}
});
// page1.html
// build an object
window.onload = function() {
var form = document.getElementById("my-form");
form.submit.onclick = function() {
var obj = {};
obj.full_name = form.full-name; // string
obj.age = form.age; // number
obj.location = form.location; // string
// store it into locale storage as a string
localStorage.setItem("obj", JSON.stringify(obj));
form.submit();
}
}
// page2.html
// retrieve it back from storage
var obj = localStorage.getItem("obj");
// use it
console.log(JSON.parse(obj));
// or
// for (var prop in obj) { console.log(obj[prop]); }