首页 > 解决方案 > 表单提交结束时的 Mvc 核心隐藏加载器

问题描述

我有一个返回文件的操作

return File(stream.ToArray(), "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", fileName);

我设法使用javascript在表单提交时显示加载器

这是我的看法:


  <form method="post" asp-action="Action" asp-controller="Controller" Area="Area" enctype="multipart/form-data">
     <div class="panel-container show">
         <input type="submit" id="btnUpload" class="col-md-4" />
     </div>
     <div class="spinner-border mx-2" id="loader" role="status">
         <span class="sr-only">Loading...</span>
     </div>     
  </form>

这是我在 JS 中添加的用于启动加载动画的代码,它可以工作:

$('#loader').hide();
$(function() {
   $('form').submit(function(){
       $('#loader').show();
   });
});

现在,当动作完成后,我该如何隐藏它?不使用 AJAX 有什么办法吗?

标签: javascriptasp.net-core

解决方案


推荐阅读