牛骨文教育服务平台(让学习变的简单)
博文笔记

tp5 sweetalert美化弹框

创建时间:2017-11-17 投稿人: 浏览次数:458

这里写图片描述这里写图片描述

js代码

  <script> 
   $(document).ready(function() {
      $(".del").click(function(){
        swal({
            title: "您确定要删除这条信息吗",
            text: "删除后将无法恢复,请谨慎操作!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "是的,我要删除!",
            cancelButtonText: "让我再考虑一下…",
            closeOnConfirm: false,
            closeOnCancel: false
        },

        function(isConfirm) {
            if (isConfirm) {
                 id=$("#did").val();
                 $.ajax({
                            url:"{:url("pl_del")}",
                            type:"post",
                            data:{
                                id:id
                            },
                            dataType:"json",

                            success:function(data)
                            {
                              if(data=="true"){
                                swal("删除成功!", "您已经永久删除了这条信息。即将刷新页面","success")
                                setInterval(function(){
                                   window.location.reload();
                                 },1500);
                              }
                              else{ 

                                swal("删除失败!", "您没有选择删除项。", "error")

                              }

                            }
                        });

            } else {
                swal("已取消", "您取消了删除操作!", "error")
            }
        })


      }); 

});
</script>

控制器代码

 public function pl_del()
    {
       $id=input("id");
        // dump($id);
        // die;
          if(db("product")->delete($id)){
             $data="true";

          }
          else{
            $data="false";

          }


       return $data;

    }

sweetalert中文官网
http://mishengqiang.com/sweetalert/

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。