FetchIt
Легковесный компонент для обработки и отправки форм с помощью Fetch API
toastr это библиотека для показа неблокирующих уведомлений и в данном примере будет показано её подключение.
Внимание!
Обратите внимание на то, что селекторы toastr и фреймворка Bootstrap могут конфликтовать.
<!-- jQuery -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js" defer></script>
<!-- Javascript -->
<script src="https://cdn.jsdelivr.net/npm/toastr@2/build/toastr.min.js" defer></script>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastr@2/build/toastr.min.css">
FetchIt.Message
следующим образом:document.addEventListener('DOMContentLoaded', () => {
FetchIt.Message = {
success(message) {
toastr.success(message);
},
error(message) {
toastr.error(message);
},
}
});
defer
, тогда вам не нужно накладывать обработчик на событие DOMContentLoaded
и получить прямой доступ к классу FetchIt:FetchIt.Message = {
success(message) {
toastr.success(message);
},
error(message) {
toastr.error(message);
},
}
И на этом всё! Но мы не рекомендуем использовать в своём проекте данную библиотеку если в нём нет jQuery. Только ради одной библиотеки уведомлений подключать целую другую кощунство.