时间戳

首页 > 解决方案 > Sweet alert 2 预定义内容而不是使用 AJAX

javascript - Sweet alert 2 预定义内容而不是使用 AJAX

问题描述

有没有办法让预定义的 div 或类似的东西发出甜蜜的警报？

基本上我想创建一个甜蜜的警报模式来联系从数据库收集的大量信息，但我想看看除了 AJAX 之外是否还有其他方法来获取数据？

例如，我正在编写一个 Laravel 应用程序，有没有办法用刀片和我的所有内容预先编写一个 div，然后让甜蜜警报在它打开时复制 div 并将其显示在它的一个模态中？

Sweet alert 2 文档在这里

标签： javascriptjqueryajaxsweetalertsweetalert2

解决方案

好的，我自己想出了一个简单的解决方案，但我仍然对其他想法持开放态度？

我只是在刀片中创建了一个包含我想要的所有内容的 div，并将它包装在我.sweetalert_template这样调用的 div 中

<div class="sweetalert_template">
   <span id="all_contacts">
     @foreach($user->contacts as $contact)
       <h4>{{$contact->name}}</h4>
       <p>{{$contact->telephone}}</p>
     @endforeach
   </span>
</div>

然后我像这样在整个应用程序中隐藏任何甜蜜的警报模板

.sweetalert_template {
  position:fixed;
  top:5000px;
  left:5000px;
  visibility:hidden;
  display:none;
  z-index:-9999;
}

然后在警报加载时抓取 html。

swal({
    title: 'User Contacts',
    html: $('.sweetalert_template #all_contacts').html(),
    customClass: 'swal-logout',
    showCloseButton: true,
});

这是实现我的目标的一种相当简单的方法，它减少了额外不必要的 AJAX 调用。

推荐阅读