首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >弹出删除sweetalert2

弹出删除sweetalert2
EN

Stack Overflow用户
提问于 2022-02-11 14:42:37
回答 1查看 130关注 0票数 0

我正在尝试使用sweetalert2在asp.net核心项目中弹出删除操作

似乎在弹出之前删除

但不起作用

联署材料:

代码语言:javascript
复制
jQueryAjaxDelete = form => {
    swal({
        title: "Are you sure to delete this  of ?",
        text: "Delete Confirmation?",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Delete",
        closeOnConfirm: false
    }, function () {
        $.ajax({
            type: 'POST',
            url: form.action,
            data: new FormData(form),
            contentType: false,
            processData: false,
            success: function (res) {
                $('#view-all').html(res.html);
            },
            error: function (err) {
                console.log(err)
            }
       })
  }  ) 
};

视图中的

代码语言:javascript
复制
     <form asp-action="Delete" asp-route-id="@item.Id" onsubmit="return jQueryAjaxDelete(this)" class="d-inline">
                                                <input type="hidden" asp-for="@item.Id" />
                                                <input type="submit" value="Supprimer" class="btn btn-danger" />
 </form>
EN

回答 1

Stack Overflow用户

发布于 2022-02-11 14:52:22

您需要处理承诺的结果,如下所示:

代码语言:javascript
复制
jQueryAjaxDelete = form => {
    swal({
        title: "Are you sure to delete this  of ?",
        text: "Delete Confirmation?",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Delete",
        closeOnConfirm: false
    }).then(value) => {
        // also be aware you need to check the "value" variable
        // to see if the user answered YES
        $.ajax({
            type: 'POST',
            url: form.action,
            data: new FormData(form),
            contentType: false,
            processData: false,
            success: function (res) {
                $('#view-all').html(res.html);
            },
            error: function (err) {
                console.log(err)
            }
       });
  };
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71081933

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档