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

时间:2011-07-20 16:25:57

标签: javascript html

我有一个.html页面,其中包含一组值,当点击下一个按钮时,它将转到第二个.html文件。我想将第一个.html文件中的值显示为第二个而不提交第一个表单并使用javasript

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

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

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

4 个答案:

答案 0 :(得分:1)

我认为这是不可能的。

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

答案 1 :(得分:1)

您可以通过创建一个看起来像按钮的链接并将第一页的值添加到链接到的URL的查询字符串中来完成此操作。

我马上就会制作一个快速演示。

<强>更新

这是一个你需要做的事情的快速演示。这是使用普通的Javascript,使用jQuery会更容易:

http://jsfiddle.net/Mb2fM/

更新2

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

答案 2 :(得分:0)

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

如果您不想更改网址,可以使用localstoragecookies。在离开页面之前设置localstorage / cookie。在下一页的页面加载中,读取localstorage / cookie并使用值。

答案 3 :(得分:0)

我觉得可能对你有用而且很简单的事情就是使用隐藏的表单字段。 第一页将表单提交到第二页,其表单包含隐藏字段以包含第一页中的数据。因此,您可以访问上一个表单中的信息,并在从第二页提交最终表单之前根据需要进行处理。

很长一段时间没有这样做,但查找隐藏的表单字段会为您提供一些示例。