如何在不提交表单的情况下刷新页面？答案

【问题标题】：How to refresh a page without form submitting?如何在不提交表单的情况下刷新页面？
【发布时间】：2019-03-22 15:26:45
【问题描述】：

我建立一个页面来修改产品。所以我有一个包含产品数据的表单。

我添加了一个按钮，当我们单击它时，它会在 Ajax 中执行一些操作。在处理结束时，我只想刷新我的页面（因为我显示了一条确认消息）。简而言之，我只想展示我的页面（而不是提交）。

这种处理完全不同于修改产品数据。

我尝试了这些不同的解决方案：

window.location.href = window.location.href
// or
window.location.reload(true);
// or
window.location = window.location.href;
// or
window.location.href = window.location.protocol +'//'+ window.location.host + window.location.pathname;
// or
location.reload();

每次，它都会提交我的表单并更新我的产品 !!

但我不发送任何帖子数据。我只想执行与在键盘上按 F5 = 显示我的表单（不提交）相同的操作。

有什么想法吗？

编辑

不要忘记添加<button type="button" ... 或者默认是提交按钮。

菜鸟失误……

另一种解决方案是在不刷新页面的情况下使用 jQuery 显示确认消息。

【问题讨论】：

似乎以现代方式显示您的信息会更容易（并且用户体验更好）。
你的按钮是什么类型的？
“在处理结束时，我只想刷新我的页面（因为我显示了一个确认消息）” ...您是说 Adobe Flash 吗？请告诉我不是这样。但无论如何，无论您如何实现它，您都无需刷新即可显示消息......只需使用一些 JavaScript（显示一些看起来像弹出框的 HTML，或者甚至只使用 @ 987654324@).
至于为什么刷新提交你的表单，不看更多代码就不清楚了……但可能你的表单的默认操作是GET？虽然 AFAIK 重新加载仍然不应该导致任何表单提交....除非我错了，这对我来说听起来很奇怪
Disable form auto submit on button click的可能重复

标签： javascript ajax forms form-submit page-refresh

【解决方案1】：

不要忘记添加<button type="button" ...或者默认情况下它是一个提交按钮。

菜鸟失误……

另一种解决方案是在不刷新页面的情况下使用 jQuery 显示确认消息。

【讨论】：

【解决方案2】：

您的表单可能正在提交，因为按钮的默认类型是submit。尝试将其更改为button。

【讨论】：