使用SweetAlert插件

GitHub上的下載鏈接

下載完成後放入django項目靜態目錄下,在html文件中引入靜態文件,下面是script部分

$(".btn-danger").on("click", function () {
  swal({
    title: "確定要刪除嗎？",
    text: "刪除可就找不回來了哦！",
    type: "warning",
    showCancelButton: true,
    confirmButtonClass: "btn-danger",
    confirmButtonText: "刪除",
    cancelButtonText: "取消",
    closeOnConfirm: false
    },
    function () {
      var deleteId = $(this).parent().parent().attr("data_id");
      $.ajax({
        url: "/delete_book/",
        type: "post",
        data: {"id": deleteId},
        success: function (data) {
          if (data.status === 1) {
            swal("刪除成功!", "你可以準備跑路了！", "success");
          } else {
            swal("刪除失敗", "你可以再嘗試一下！", "error")
          }
        }
      })
    });
})
 

效果:

django系列6--Ajax06 使用插件,Sweet-Alert插件