javascript 如何在ASP.NETMVC中执行提交按钮后在Sweet Alert中显示消息?

dsf9zpds  于 2023-11-15  发布在  Java
关注(0)|答案(1)|浏览(114)

我正在做一个ASP.NETMVC项目。在我看来,我有两个提交类型的按钮,它们都有不同的操作。
我想要的是实现一个警报,当它成功处理数据时通知我。
我展示了视图中有这些按钮的部分。

<div class="row">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-4">
                        <input type="submit" value="Vista Previa" class="btn btn-success" />
                        <input type="submit" onclick="mostrarAlerta()" value="Procesar Datos" class="btn btn-secondary" formaction="/File/CargarSQLServer" />
                </div>
            </div>
        </div>
    </div>

字符串
在提交“Procesar Datos”按钮,在那里我上传到一个数据库。在加载结束时,我想显示一个警报,只通知我数据已被处理,警报内没有任何按钮。
我有以下功能,我显示我的警报。

@section Scripts {
<script>
    function mostrarAlerta() {
        swal({
            title: "Actualización Exitosa",
            text: "Procesamiento de datos realizado correctamente",
            icon: "success",
            button: false
        });
    };
</script>
}


我的问题是,当我按下提交按钮时,警报会显示,当我完成上传到数据库时,警报就会消失。
我想知道是否有一种方法可以让这个警报在数据加载后显示,并保持至少4秒。我应该使用什么属性?
提前非常感谢你的帮助。

bkhjykvo

bkhjykvo1#

使用JavaScript中的“setError”函数显示时间之后的警报

function mostrarAlerta() {
    setTimeout(function() {
        swal({
            title: "Actualización Exitosa",
            text: "Procesamiento de datos realizado correctamente",
            icon: "success",
            button: false,
            timer: 4000
        });
    }, 2000);
};

字符串
警报将在2秒后显示,它将在屏幕上保留4秒

相关问题