使用 html 按钮刷新页面，除了答案

【问题标题】：Refresh page with html button, except使用 html 按钮刷新页面，除了
【发布时间】：2014-10-30 07:14:27
【问题描述】：

如何实现不刷新文本输入面板的“网站刷新按钮”？

刷新按钮：

<input name="Button" class="button" type="button" size="20" maxlength="20" value="Load..." onClick="history.go(0)">

文本输入面板：

<input name="StartDate" class="inputPanel" type="text" size="20" maxlength="20" value="2013-08-20">
<input name="StartTime" class="inputPanel" type="text" size="20" maxlength="20" value="22:56:25">
<input name="EndDate" class="inputPanel" type="text" size="20" maxlength="20" value="2013-08-22">
<input name="EndTime" class="inputPanel" type="text" size="20" maxlength="20" value="22:56:26">

谢谢！

【问题讨论】：

那你想“刷新”什么？为了在正确刷新时保留这些值，您必须以某种方式保留它们。这可以在具有本地存储或 cookie 或类似功能的浏览器中完成。但重要的是要询问您通过强制刷新来实现的目标。
可能重复：stackoverflow.com/questions/17591447/…
检查此链接stackoverflow.com/questions/17591447/… 这将达到您的目的。

标签： html button refresh

【解决方案1】：

由于您已经为所有inputs 提供了name，我只需将按钮input 的类型更改为submit，并将其全部放入带有method="post" action="#" 的表单中。然后，一旦提交，您将 POST（服务器端）中的所有项目放入 inputs 中，然后再向用户提供最终 HTML。如果您无法访问后端服务器，那么 ne1410s 的解决方案是您的最佳选择。

【讨论】：

【解决方案2】：

为了在正确刷新时保留这些值，您必须以某种方式持久化它们。这可以在具有本地存储或 cookie 或类似功能的浏览器中完成。

查看此 SO 帖子了解更多信息： How to reload current page without losing any form data?

【讨论】：

好的，感谢您的回答。我注意到了一些事情。也许我不需要刷新按钮...如果我更改一个 inputPanel 的值，是否可以刷新页面？像“onChange”而不是“onClick”之类的东西？
是的，这是可能的，但我会推荐一个按钮，或其他“可点击”按钮，以使其成为用户有意识的选择，他们乐于刷新。