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

时间:2019-03-22 15:26:45

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

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

我添加了一个按钮,当我们单击它时,它会在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显示确认消息。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

别忘了添加<button type="button" ...或默认情况下是提交按钮

菜鸟错误...

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