为了账号安全,请及时绑定邮箱和手机立即绑定

请问当单击窗体内的按钮时,防止刷新页面

/ 猿问

请问当单击窗体内的按钮时,防止刷新页面

宝慕林4294392 2019-10-21 16:12:22

当单击窗体内的按钮时,防止刷新页面

在表单中使用按钮时,我遇到了问题。我要那个按钮调用函数。它确实是这样,但是它刷新页面的结果是不想要的。

我的简单代码是这样的

<form method="POST">
    <button name="data" onclick="getData()">Click</button></form>

单击该按钮后,将调用该函数并刷新页面,这将重置我以前的所有请求,这些请求会影响当前页面,而当前页是上一次请求的结果。

如何防止页面刷新?


查看完整描述

3 回答

?
潇湘沐

放任getData()还假。这会解决问题的。

<form method="POST">
    <button name="data" type="button" onclick="getData()">Click</button></form>


查看完整回答
反对 回复 2019-10-22
?
隔江千里

向按钮中添加类型=“按钮”。

<button name="data" type="button" onclick="getData()">Click</button>

按钮的默认值“type”是“Submit”,在您的情况下,它会自我发布表单,并使其看起来像刷新。


查看完整回答
反对 回复 2019-10-22
?
浮云间

问题在于它触发表单提交。如果你做了getData功能return false那么它就应该停止表单的提交。

或者,您也可以使用preventDefault事件对象的方法:

function getData(e) {
    e.preventDefault();}


查看完整回答
反对 回复 2019-10-22

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信