导航到带有全局对象的新页面

Navigating to new page with global object

本文关键字：对象 新页面 全局 导航      更新时间：2023-09-26

我正在建设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。

知道为什么吗?或者是关于如何更好地执行它的想法?

不可能按照你想要的方式使用，但可以使用以下方法。

  1. HTML5 localStorage使用:localStorage. setitem () &getItem ()
  2. HTML5 sessionStorage同上
  3. 本地饼干。window.cookie
  4. HTML5 websql http://slides.html5rocks.com/

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

呈现新页面。

也许你知道如何更好地实现它?

为什么你需要导航到另一个页面?为什么不直接切换表单的不同部分在视图内和视图外呢?

相关文章：