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

Question

当单击窗体内的按钮时，防止刷新页面在表单中使用按钮时，我遇到了问题。我要那个按钮调用函数。它确实是这样，但是它刷新页面的结果是不想要的。我的简单代码是这样的<form method="POST">     <button name="data" onclick="getData()">Click</button></form>单击该按钮后，将调用该函数并刷新页面，这将重置我以前的所有请求，这些请求会影响当前页面，而当前页是上一次请求的结果。如何防止页面刷新？

Answer 1

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

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

Answer 2

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

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

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