sweetalerts2 与 ajax 一同使用的方法【解决点击cancel无效】

    技术2025-04-28  19

     

    直接上代码

    引入包

           <!-- Sweet Alert css  -->

            <link href="/commodity_manage_system/assets/plugins/sweetalert2/sweetalert2.min.css" rel="stylesheet" > 

           <!-- Sweet Alert Js  -->         <script src="/commodity_manage_system/assets/plugins/sweetalert2/sweetalert2.min.js"></script>         <script src="/commodity_manage_system/assets/js/pages/jquery.sweet-alert.init.js"></script>

     

    <input type="text" readonly id="class_id" class="input-large form-control m-b-sm" value="<%=request.getParameter("id")%>"> <input type="text" id="class_name" class="input-large form-control m-b-sm" value="<%=request.getParameter("name")%>"> <textarea class="input-large form-control" id="remarks" rows="1" ><%=request.getParameter("remarks")%></textarea> <button id="delButton" class="btn btn-danger" >删除</button> $("#delButton").on("click", function() { var class_name = $('#class_name').val(); var remarks = $('#remarks').val(); var id = $('#class_id').val(); swal({ title: '你确定要删除吗?', text: "一旦删除将无法恢复", type: 'warning', showCancelButton: true, confirmButtonText: '确认', cancelButtonText: '我再想想', }).then(function(isConfirm) { if(isConfirm.value !=true) { return false; } else { $.ajax({ url: "/commodity_manage_system/delSe_Classification", data:{ "se_cat.se_class_name":class_name, "se_cat.id":id, "se_cat.remarks":remarks, }, type: "post", success:function (data) { if(data > 0){ swal({ title: '删除成功', text: "数据已经成功被移除", type: 'success', confirmButtonClass: 'btn btn-confirm mt-2' }).then(function () { window.location.href='/commodity_manage_system/listSe_Classification'; }) } else{ swal({ title: '删除失败', text: "删除遇到了一个问题,请重试", type: 'error', confirmButtonClass: 'btn btn-confirm mt-2' }) } }, error:function(data){ alert("操作异常(请将以下内容截取给服务供应商以排除错误):" + data.responseText); } }); } }) })

     

    Processed: 0.012, SQL: 9