防止页面内的按钮在点击时刷新页面

2018-06-07 03:17:27

我在使用窗体中的按钮时遇到了一个问题。我想要那个按钮来调用函数。它确实存在，但会导致不必要的结果刷新页面。

我的简单代码就是这样

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

点击该按钮时，该函数会刷新页面，这会重置我之前请求的所有影响当前页面的前一个请求的结果。

我应该怎么做才能防止页面刷新？

让getData()返回false。这将解决它。

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

将按钮添加type =“button”。

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

按钮的“type”的默认值是“submit”，它将自己的表单发布到您的案例中，并使其看起来像刷新。

HTML

<form onsubmit="return false;" id="myForm">
</form>

$('#myForm').submit(function() {
    doSomething();
});

链接地址: http://www.djcxy.com/p/21929.html