Laravel Toast в JavaScript

Я использую https://xvelopers.com/demos/html/paper-panel/panel-element-toast.html

панель ... и я пытаюсь показать тост после функции ..

если я использую

<div class = "toast"
    data-title = "Hi, there!"
    data-message = "Hope you like paper panel."
    data-type = "success">
</div>

он правильно показывает тост при загрузке страницы ...

теперь я пытаюсь добавить это по адресу:

$.ajax({
      url: "asd/store-asd",
      type: "POST",
      data: fd,
      processData: false,
      contentType: false
    }).done(function(resp){
      if (resp&& resp.ok){
        calendar.refetchEvents();
        alert("OK"); **change alert to toast**
        clean();
      }else {
        alert("FAIL");
      }
    });

как можно это добавить?

PS: использование @if (session ('status')) @endif ... тоже работает, но мне нужно реализовать его без перезагрузки страницы

Процесс ручного запуска всплывающего окна должен быть задокументирован где-нибудь на их сайте. Что вы пробовали и с какими проблемами столкнулись?

miken32 30.03.2021 01:22
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...
Как построить CRUD-приложение в Laravel
Как построить CRUD-приложение в Laravel
Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...
1
1
21
1

Ответы 1

эй, если у вас нет документа, как реализовать свой тостер, вы можете сделать это, поместив HTML с атрибутом display none, т.е.

<button class = "btn btn-primary btn-lg toast-action" data-title = "Hey, Bro!" data-message = "Paper Panel has toast as well." data-type = "info" data-position-class = "toast-bottom-right" style='display:none;'>Info Toast</button>

Затем вы можете вызвать щелчок по этой кнопке, выбрав класс «.toast-action», также вы можете обновить атрибуты, такие как сообщение, заголовок и т. д., Надеюсь, что это сработает, опять же, это всего лишь работа, так как у вас нет документации доступен и js также является скомпилированной версией.

Привет! да, это работает, но мне нужно, чтобы уведомление появлялось, когда я сохраняю, и он успешен ... без перезагрузки страницы мне не нужно показывать кнопку

KatiaSisHost 30.03.2021 18:20

Другие вопросы по теме

Laravel, Laravel Blade, исключение ошибки генерации, неопределенная переменная $helper, когда я нажимаю вторую ссылку навигации по домашней странице
Я продолжаю получать эту ошибку «Невозможно получить доступ к смещению строки типа в строке» всякий раз, когда пытаюсь передать фиктивные данные в свое приложение Laravel
Компонент Laravel 11 Blade для выбора с массивом
Компонент Vue все еще не отображается в приветственном блейде php
Laravel 11: Как передать данные из нескольких функций/методов внутри контроллера?
Передача данных через контроллер через представление возврата в Laravel 11
Функция JQuery для прохождения лезвия Laravel
Laravel – как создать свойство динамического идентификатора в кнопке для добавления элемента с помощью javascript, идентификатор задается путем прохождения через модальное окно
Итоговая сумма не рассчитывается как 0 с использованием Laravel 11
Alpine JS закрывает раскрывающееся меню при нажатии на элемент