甜蜜警报 2 AJAX 内容

Question

我正在尝试创建一个 Sweet Alert 对话框，内容为 AJAX 响应，但我不确定如何使用他们的 fetch() 函数。

根据他们的文档，我可以使用选项 content 来设置元素。

swal({
    title: 'Test Dialog',
    icon: 'info',
    content: fetch('http://some.url')
  })

我应该在哪里看到 URL 的 DOM 内容作为对话框内容。相反，我当然得到：没有：

Answer 1

看起来 Sweet Alert 本身不支持 ajax。您只需要从 fetch 中调用 Sweet Alert。

fetch('data:text/html,Some%20dynamically%20loaded%20content').
then(response => response.text()).
then(function(data){

  swal({
    title: 'Test Dialog',
    icon: 'info',
    text: data
  });

});

<script src="https://sweetalert.js.org/assets/sweetalert/sweetalert.min.js"></script>

甜蜜警报 2 AJAX 内容

Sweet Alert 2 with AJAX content

javascript

ajax

dom

sweetalert