javascript 甜蜜警报

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 甜蜜警报相关的知识,希望对你有一定的参考价值。

/**
 *	Sweet Alert + Ajax
 */
var button = document.querySelector(".button");

button.addEventListener("click", e => {
    e.preventDefault();
    
    var input = document.createElement("input");
    input.type = "text";
    input.value = "http://kreativan.net";
    input.classList.add("uk-input");
    input.setAttribute("data-id", "123");

    swal({
        text: 'Add link to this post',
        content: input,
        button: {
            text: "Save",
            closeModal: false,
        },
    })
    .then(value => {
        if (!value) throw null;
        console.log(input);
        return fetch(`http://laragon.box/Classifieds/system/api/posts/?id=1085`);
    })
    .then(results => {
      return results.json();
    })
    .then(json => {
        console.log(json);
    })
    .catch(err => {
		if (err) {
			swal("Oh noes!", "The AJAX request failed!", "error");
		} else {
			swal.stopLoading();
			swal.close();
		}
	});
});

以上是关于javascript 甜蜜警报的主要内容,如果未能解决你的问题,请参考以下文章

asp.net 中的甜蜜警报确认对话框

html 甜蜜警报

html 提取甜蜜警报成功复选标记

PHP中的甜蜜警报

如何在甜蜜警报中使用日期时间选择器?

如何在ajax请求完成时关闭甜蜜警报