向jQuery函数中添加甜蜜警报2



这个函数在我提交模态

时被调用
function saveData() {
var name = $('#name').val();
var email = $('#email').val();
var phone = $('#phone').val();
var address = $('#address').val();
$.ajax({
    type: "POST",
    url: "server.php?p=add",
    data: "name=" + name + "&email=" + email + "&phone=" + phone + "&address=" + address,
    success: function () {
        viewData();
    }
});
}

当模态提交时,我不能添加甜蜜警报

    swal({
        title: "Success!",
        text: "added!",
        type: "success",
        timer: 3000,
        showConfirmButton: false
    });

最后我想出了解决办法

function saveData() {
var name = $('#name').val();
var email = $('#email').val();
var phone = $('#phone').val();
var address = $('#address').val();
$.ajax({
    type: "POST",
    url: "server.php?p=add",
    data: "name=" + name + "&email=" + email + "&phone=" + phone + "&address=" + address,
    success: function () {
        $('#addData').modal('hide');
        swal({
            title: "Success!",
            text: "added!",
            type: "success",
            timer: 3000,
            showConfirmButton: false
        });
        viewData();
    }
});
};

并且需要注意以一定的顺序运行脚本:

  1. jquery.js
  2. bootstrap.js

最新更新