jquery - 如何使用 iPhone 电话间隙应用程序中的查询将数据从一个页面传递到另一个页面

Question

在我的应用程序中，我有 2 页，page1 和 page2。在 page1 中，我有一个文本字段和一个标签。我想将这两个值从 page1 传递到 page2 并在单击提交按钮时分别将它们作为 2 个标签的文本插入。我是 Phonegap 和 jQuery 的新手。我如何使用 jQuery 和 Javascript 来实现这一点？

{
    var name = document.getElementById("usernameTextField").value;   //TextField
    var fullname = document.getElementById("nameLabel").innerHTML;  //label
    localstorage.setItem("userName", name);
    localstorage.setItem("fullname1", fullname); 
    var getusername = localstorage.getItem("userName");
    var getname = localstorage.getItem("fullname1");
    fullnameLabel.innerHTML = getname.value;  //label
    userNameLabel.innerHTML = getusername.value;  //label
}

Answer 1

You can use localStorage to achieve this. New in HTML5, it allows for persistent storage client-side.

localStorage uses key/value pairs.

localStorage.setItem("Key-name", itemData);

localStorage.getItem("Key-name");

localStorage.removeItem("Key-name");

Answer 2

如果您只想传递简单的文本数据，您还可以使用查询参数 (home.html?text=test)。

这里有一个链接如何在 javascript 中获取参数： 如何在 JavaScript 中获取查询字符串值？

这种方式可能会快一点，因为您不必在设备上使用 js 桥和文件 IO ......但这并不重要=）

Answer 3

利用localStorage。它是在页面之间传输数据的最佳选择

在这里阅读http://docs.phonegap.com/en/1.7.0/cordova_storage_storage.md.html#localStorage