将值从 1.htm 文件传递到另一个.html 文件而不提交

Question

我有一个包含一组值的.html 页面，当单击下一步按钮时，它将 go 到 second.html 文件。 我想在不提交第一个表单并使用 javasript 的情况下将 first.html 文件中的值显示到第二个

我试图将该值存储在 javascript 全局变量中，并尝试从第二个 html 中获取该值，但我没有得到这些值。

在第一个.html 文件中，单击下一个链接将其重定向到第二个.html 文件

使用这个 cookies 是个好主意吗？我正在为一个企业项目工作。

Answer 1

我认为这是不可能的。

从页面获取数据的唯一方法是将其提交到服务器并处理表单值或在客户端使用 javascript。

Answer 2

您可以通过创建一个看起来像按钮的链接并将第一页中的值添加到所链接的 url 的查询字符串中来做到这一点。

稍后我将绘制一个快速演示。

更新

这是您需要做的事情的快速演示。 这是使用普通的 Javascript 并且使用 jQuery 会容易得多：

http://jsfiddle.net/Mb2fM/

更新 2

这是使用 jQuery 正确处理更改事件并更新按钮上的查询字符串的更新版本： http://jsfiddle.net/Mb2fM/1/

Answer 3

您可以传递查询字符串中的值并从那里读取它。

如果不想更改 url，可以使用localstorage或cookies 。 在您离开页面之前设置 localstorage/cookie。 在下一页的页面加载中，读取 localstorage/cookie 并使用该值。

Answer 4

我认为可能对您有用且很简单的方法是使用隐藏的表单字段。 第一个页面将表单提交到第二个页面，第二个页面的表单具有隐藏字段以包含来自第一页的数据。 因此，在从第二页提交最终表单之前，您可以访问前一个表单中的信息并根据需要对其进行处理。

很久没有这样做了，但是查找隐藏的表单字段将为您提供一些示例。