Question

我正在构建Html网站... 在page1.html填写表单后，我想保存全局对象中的所有字段，然后导航到另一个页面 - page2.html。在page2.html我认为得到那些参数。

我创建了导航按钮：

<a href= "page2.html"><input type="submit" name="submit" id="submit1" value="Go"  /> </a>

并将该功能添加到page1.html：

的末尾

<script>
    $("#submit1").click(function () {
   shareObject = new Object();
   shareObject.name = $("#name").val();
   shareObject.email = $("#email").val();
   shareObject.phone = $("#phone").val();
   shareObject.address= $("#address").val();

    window.shareObject = shareObject; 
    });
</script

我在page2.html考虑通过共享对象的属性获取这些值 - shareObject，例如：

alert (shareObject.name);

但page2.html无法识别shareObject。

任何想法为什么？或者想法如何更好地实施它？

Answer 1

使用您想要的方式是不可能的，但使用以下方法可以实现。

HTML5 localStorage使用：localStorage.setItem（）＆amp; getItem（）时
HTML5 sessionStorage与上面相同。
本地Cookie。 window.cookie
HTML5 websql http://slides.html5rocks.com/

Answer 2

页面重新加载时，所有JavaScript变量都会重置。如果您的网站是静态的，您应该使用ajax部分更新页面，否则如果您的网站是动态的，您可以将此变量传递给服务器并使用此新变量呈现新页面

Answer 3

也许想法如何更好地实施它？

为什么需要导航到其他页面？为什么不只是将表单的不同部分切换到视图中？

使用全局对象导航到新页面

3 个答案: