jQuery mobile - 保存用户输入的最佳方法是什么？

Question

我有一个HTML页面，其中包含用户表单和文本字段，这些字段可以获取初始值（来自服务器上的php程序）。用户可以修改这些字段。

其中一个字段是搜索供应商的链接按钮

<a href="supplier_search.html?id=123" data-role="button" id="quotesuppname" data-icon="arrow-r" data-iconpos="right" rel="external">Supplier</a>

当用户点击修改供应商名称时，他/她会立即获得一个新页面，其中包含来自db的供应商列表。我希望从此页面获取用户输入并返回上一页或其他页面。在该原始页面上显示最新用户输入，并根据其他页面的输入更改字段。

在HTML中，我通常会反复发送查询字符串以保留用户输入。我不想在这里做，因为我想保持供应商搜索独立。

什么是将用户输入保留在某个页面上并在我想使用JS或jQuery时检索它的最佳方法（不降低性能）？

Page1（用户输入） - ＆gt; Page2（用户输入） - ＆gt; Page1（显示原始用户输入并按照第2页修改）

OR

Page1（用户输入） - ＆gt; Page2（用户输入） - ＆gt; Page3（userInput）-Page1（显示原始用户输入并根据page2和page3输入进行修改）

感谢您的帮助

Answer 1

我建议使用LocalStorage或将值放在JavaScript变量中。 要在localstorage中设置变量，您只需要这样做：

var test = "hello world";
localstorage.storageTest = test; 

然后，您可以通过执行以下操作来检索该值：

var test2 = localstorage.storageTest;