如何使用异步函数javascript停止页面重载

vu8f3i0k  于 2023-02-07  发布在  Java
关注(0)|答案(1)|浏览(106)

我正在与javascript和现在我正在使用“异步函数”,问题是每当我点击“完成列表”(按钮)然后页面刷新,我只是想页面不应该点击后重新加载,我怎么能停止这个,这里是我目前的代码

async function completeListing(elm){
        alert("Hello world");
}

<input type="submit" id="nft_forms" name="listing" class="btn btn-primary" value="Complete listing" onclick="completeListing(this)" >
nbysray5

nbysray51#

您可以将输入设置为提交:

<input type="submit" ...

所以提交表单(即发送到服务器并重新加载页面)是点击应该做的事情。
如果您不希望这样,您有几个选择:

  • 使用一个<button type="button">,它不会触发提交,如果你不想通过这个按钮提交,这是首选的解决方案。
  • 通过在处理程序中调用event.stopPropagation()来阻止click事件到达窗体。如果提交可能由于按钮特定的条件而被取消,则这是首选解决方案。
  • 使用event.preventDefault()在表单上设置一个停止提交的处理程序,如果提交取决于总体条件(如验证),则无论是什么触发了它,最好使用event.preventDefault()

相关问题