Fla sh сообщение об ошибке или успехе пользователю после запроса fetch / ajax - PullRequest
0 голосов
/ 10 января 2020

У меня есть приложение, которое в настоящее время использует API fetch для выполнения AJAX запросов на операции CRUD. В случае успеха или ошибки мой сервер отправляет ответ, содержащий массив сообщений об ошибках / успехах, таких как: ['Missing email field', 'Password is too short']

Если я не использовал AJAX и вместо этого перезагружал / перерисовывал страницу, есть такие модули, как connect-flash и express-session, которые позволяют вам отправлять пользователю сообщение об ошибке / успехе sh.

Как можно добиться того же при выполнении AJAX запросов с API выборки? Один из способов, о котором я подумал, - создать div для моего представления, а затем добавить ошибку / успех в виде li элементов для этого представления через JS. Однако мне было интересно, есть ли модуль, который делает все это для вас, как для повторного рендеринга страниц.

Далее, если я использую описанный выше подход для модификации DOM с помощью сообщений, эти сообщения сохраняются в представлении. Я хочу показывать пользователю сообщения только в течение ограниченного времени.

Спасибо за помощь!

РЕДАКТИРОВАТЬ: Я использую только express-handlebars и bootstrap модулей, поэтому не используются большие фреймворки, такие как Vue / React / Angular.

1 Ответ

1 голос
/ 10 января 2020

Поскольку вы используете Bootstrap, я бы порекомендовал посмотреть на их Alerts компонент, он поддерживает возможность отклонить через пользовательский интерфейс или программно

...