首页 > 解决方案 > 表单提交成功后如何在不重新加载页面的情况下弹出消息?

问题描述

我的网站末尾有一个联系表。当用户向我的 Nodejs 服务器发出成功的 POST 请求时,我想显示一条消息,内容如下:

消息已成功发送

我尝试使用connect-flashnpm 包,但问题是联系表单位于页面底部并且当 POST 请求成功时,即使我收到闪存消息说“消息发送成功”,因为页面重新加载用户有一直向下滚动以查看 Flash 消息。

标签: javascriptnode.jsconnect-flash

解决方案


您可以使用引导类

固定顶

.

<div class="fixed-top"> your flash message </div>

推荐阅读