带有 AJAX 内容的 Sweet Alert 2

【问题标题】：Sweet Alert 2 with AJAX content带有 AJAX 内容的 Sweet Alert 2
【发布时间】：2018-12-04 05:03:07
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript ajax dom sweetalert

【解决方案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
  });

});

&lt;script src="https://sweetalert.js.org/assets/sweetalert/sweetalert.min.js"&gt;&lt;/script&gt;

【讨论】：

我应该使用content 而不是text，因为文本只会显示为纯文本，我需要显示 HTML 内容。
@Maramal 只需将“text: data”替换为“html: data”即可。