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

Question

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

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

我的简单代码是这样的

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

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

如何防止页面刷新？

Answer 1

放任getData()还假。这会解决问题的。<form&nbsp;method="POST"> &nbsp;&nbsp;&nbsp;&nbsp;<button&nbsp;name="data"&nbsp;type="button"&nbsp;onclick="getData()">Click</button></form>

Answer 2

向按钮中添加类型=“按钮”。<button&nbsp;name="data"&nbsp;type="button"&nbsp;onclick="getData()">Click</button>按钮的默认值“type”是“Submit”，在您的情况下，它会自我发布表单，并使其看起来像刷新。