带有AJAX内容的Sweet Alert 2

时间:2018-06-25 15:02:54

标签: javascript ajax dom sweetalert

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

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

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

})

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

test dialog

1 个答案:

答案 0 :(得分:3)

Sweet Alert本身似乎不支持ajax。您只需从获取中调用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>