模態框刪除數據——ajax與sweetalert的使用


<!--編輯刪除按鈕-->
    $("tbody").on("click",".class_del", function () {
        var $tds=$(this).parent().parent().children();
        var $tr =$(this).parent().parent();
        var ClassId=$($tds[0]).text();
        swal({
            title: "確定要刪除這個課程嗎?",
            text: "刪除后可就無法恢復了。",
            type: "warning",
            showCancelButton: true,
            closeOnConfirm: false,
            confirmButtonText: "是的,我要刪除!",
            confirmButtonColor: "#ec6c62",
            cancelButtonText: "容我三思"
        }, function (isConfirm) {
            if (!isConfirm) return;
            $.ajax({
                type: "post",
                url: "/delt/",
                data: {"ClassId": ClassId},
                success: function (data) {
                    var dataObj = $.parseJSON(data);
                    if (dataObj.status === 1) { //后端刪除成功
                        swal("刪除成功", dataObj.info, "success");
                        $tr.remove()  //刪除頁面中那一行數據
                    } else {
                        swal("出錯啦。。。", dataObj.msg, "error");  //后端刪除失敗
                    }
                },
                error: function () {  // ajax請求失敗
                    swal("啊哦。。。", "服務器走丟了。。。", "error");
                }
            })
        });
    })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM