javascript - 单击表单内的按钮时如何防止页面刷新?

标签 javascript html

我在表单内使用按钮时遇到问题。我想让那个按钮调用函数。它会刷新页面,但会产生不良结果。

我的简单代码是这样的

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

单击按钮时,将调用该函数并刷新页面,这会重置我之前的所有请求,这会影响作为之前请求结果的当前页面。

我应该怎么做才能阻止页面刷新?

最佳答案

type="button" 添加到按钮。

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

按钮的 type 的默认值为 submit,它会自行将表单发布到您的案例中并使其看起来像刷新。

关于javascript - 单击表单内的按钮时如何防止页面刷新?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7803814/

相关文章:

javascript - react native 如何用一个函数合并两个数组

javascript - Post Ajax 函数返回 true 或 false

javascript - 如何使用 HTML5 + Javascript 制作类似 Visio 的图表?

android - 我可以将使用 Ratchet 构建的应用程序提交到应用程序商店和 Google Play 商店吗?

javascript - 修改 html 元素的 css 父级

php - 内容处置 : form-data; name

javascript - 我将如何通过 javascript 更改整个 <li>

javascript - 需要替换对象值

javascript - 使用循环,但仅添加一个元素

javascript - modernizr.js 还有用吗?