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

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

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

  1. <div class="row">
  2. <div class="col-sm-12">
  3. <div class="row">
  4. <div class="col-sm-4">
  5. <input type="submit" value="Vista Previa" class="btn btn-success" />
  6. <input type="submit" onclick="mostrarAlerta()" value="Procesar Datos" class="btn btn-secondary" formaction="/File/CargarSQLServer" />
  7. </div>
  8. </div>
  9. </div>
  10. </div>

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

  1. @section Scripts {
  2. <script>
  3. function mostrarAlerta() {
  4. swal({
  5. title: "Actualización Exitosa",
  6. text: "Procesamiento de datos realizado correctamente",
  7. icon: "success",
  8. button: false
  9. });
  10. };
  11. </script>
  12. }


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

bkhjykvo

bkhjykvo1#

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

  1. function mostrarAlerta() {
  2. setTimeout(function() {
  3. swal({
  4. title: "Actualización Exitosa",
  5. text: "Procesamiento de datos realizado correctamente",
  6. icon: "success",
  7. button: false,
  8. timer: 4000
  9. });
  10. }, 2000);
  11. };

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

相关问题