javascript - 如何最初隐藏表单，但在屏幕重新加载时呈现表单？

Question

我的屏幕上有一个表单。我想一开始就隐藏它。用户可以稍后启用它，输入值并提交表单。提交表单将更新屏幕。但这次我希望表格保持可见。我该怎么做？

下面的 JavaScript 最初会隐藏表单。

$(document).ready(function(){           

    document.getElementById( 'form1' ).style.display = 'none';          

});

下面的脚本将提交表单。但无论如何我可以确保表格在之后保持可见吗？我现在拥有的 'document.getElementById( 'form1' ).style.display = 'yes'' 不起作用。

function SubmitForm1(){ 

        document.getElementById("form1").submit();  
        document.getElementById( 'form1' ).style.display = 'yes'    

}

Answer 1

有两种简单的方法可以跨页面保存状态(本地存储之外)。

第一个是将信息放入表单 URL 中。前任。 http://localhost?loaded=true 。然后您可以使用类似 How can I get query string values in JavaScript? 的代码检索值并调整表单的可见性。

第二种也是更常见的方法是将某种状态存储在服务器上的 session 中或持久存储(如数据库)中。当您提供页面时，您可以使用任何服务器端模板语言来根据您保存的数据调整表单的可见性。

我会请您考虑是否应该重定向到表单可见的第二个页面，而不是操纵同一页面上的可见性。