我正在尝试创建一个以AJAX响应为内容的Sweet Alert对话框,但是我不确定如何使用其fetch()函数。
根据他们的文档,我可以使用选项content
来设置元素。
swal({
title: 'Test Dialog',
icon: 'info',
content: fetch('http://some.url')
})
我应该在哪里看到该URL的DOM内容作为对话框内容。相反,我当然得到了:什么都没有:
答案 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>