javascript - 确认或取消从我的 Excel 文件上传数据后

Question

我正在使用 SQL Server 开发 ASP MVC 5 Web 应用程序。我通过带有 JavaScript 函数的按钮从 Excel 文件上传数据。

我有一个按钮验证，我添加了甜蜜的警报警告，通知用户他即将删除数据库中的数据，但问题是，即使我单击按钮“取消”或者是，数据上传也有效，但这不是取消案例。

我使用提交按钮 这是我的观点:

<button id="adminButton" class="btn btn-primary" autocomplete="off" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Lecture en cours" onclick="ChargementDonnes()">

我的 Controller :

public ActionResult LoadDatainShowIndex()
    {
        try
        {
            LoadData();

            return RedirectToAction("Index");
        }
        catch (Exception e)
        {
            //                Response.StatusCode = 406; // Or any other proper status code.
            Response.Write(e.Message);
            return null;
        }
    }

我的 JavaScript 代码:

function ChargementDonnes() {

swal({
    title: "Etes vous sur",
    text: "Vous êtes sur le point de recharger tous les données de la base. Continuer ?",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    confirmButtonText: "Oui",
    cancelButtonText: "Non",
    cancelButtonColor: '#d33',
    closeOnConfirm: true
}).then(
    function() {

        console.log("Appel de la méthode LoadData");
        $('#adminButton').button('loading');

        $.ajax({
            url: '/Home/LoadDatainShowIndex',
            type: 'GET',
            dataType: 'json',
            success: function (result)
            {

                if (result === "True") {
                    console.log(1);
                   // $('#adminButton').button('reset');

                    Swal({
                        title: "Succès !",
                        type: 'success',
                        showCancelButton: false,
                        confirmButtonClass: "btn-success",
                        confirmButtonText: "OK",
                        closeOnConfirm: true

                    });
                    console.log(2);
                }



            },
            error: function(x, y, z) {
                $('#adminButton').button('reset');
                console.log(3);
                SendMessageToUser('Chargement des données depuis Excel', 'erreur');
            }
        });
    }

);

}

Answer 1

您需要在swal的then函数中添加一条if语句。 仅当 result.value 为 true

时才应发送请求

swal({
        title: "Etes vous sur",
        text: "Vous êtes sur le point de recharger tous les données de la base. Continuer ?",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        confirmButtonText: "Oui",
        cancelButtonText: "Non",
        cancelButtonColor: '#d33',
        closeOnConfirm: true
    }).then(
        function(result) {

          if(result.value){
            console.log("Appel de la méthode LoadData");
            $('#adminButton').button('loading');

            $.ajax({
                url: '/Home/LoadDatainShowIndex',
                type: 'GET',
                dataType: 'json',
                success: function (result)
                {

                    if (result === "True") {
                        console.log(1);
                       // $('#adminButton').button('reset');

                        Swal({
                            title: "Succès !",
                            type: 'success',
                            showCancelButton: false,
                            confirmButtonClass: "btn-success",
                            confirmButtonText: "OK",
                            closeOnConfirm: true

                        });
                        console.log(2);
                    }



                },
                error: function(x, y, z) {
                    $('#adminButton').button('reset');
                    console.log(3);
                    SendMessageToUser('Chargement des données depuis Excel', 'erreur');
                }
            });
        }
    }

    );