fetch/ajax 请求后向用户发送错误或成功消息

Flash error or success message to user after fetch/ajax request

我有一个应用程序当前使用提取 api 来发出 AJAX CRUD 操作请求。如果成功或错误,我的服务器会发送一个包含 error/success 消息数组的响应,例如: ['Missing email field', 'Password is too short']

如果我没有使用 AJAX 而是使用 reloading/rerendering 页面,则可以使用 connect-flashexpress-session 等模块让您闪烁 error/success 给用户的消息。

如何在使用提取 API 执行 AJAX 请求时实现相同的目的?我想到的一种方法是在我的视图上创建一个 div,然后通过 JS 在该视图上添加 error/success 作为 li 元素。但是,我想知道是否有一个模块可以像重新呈现页面时那样为您完成所有这些工作。

此外,如果我使用上述方法修改 DOM 消息,这些消息会保留在视图中。我只想在有限的时间内向用户显示消息。

感谢您的帮助!

编辑: 我只使用 express-handlebarsbootstrap 模块,所以没有使用任何大型框架,如 Vue/React/Angular.

由于您使用的是 Bootstrap,我建议您通过 UI 或编程方式查看他们的 Alerts component, it supports the ability to dismiss