javascript - 如何: Reset Bootstrap button state after returning a file from the controller

Question

我有一个按钮，单击该按钮后会执行文件导出，并且在服务器上可能是一个漫长的过程，因此我想将该按钮置于“正在加载”状态。

但是，由于 Controller 返回文件，因此该按钮永远不会“重置”并返回到正常状态。我需要某种可以调用重置的 JavaScript 事件。

Javascript

 $(".load-spin").on('click', function () {
      var btn = $(this).closest("ul").prev();
      $(btn).button("loading");
 });

HTML

 <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
      Book Actions <span class="caret"></span>
 </button>
 <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
 @if (item.Published)
 {
      <li><a href="@Url.Action("Manage", new { id = item.BookId })">Manage/Edit</a></li>
      <li><a href="javascript:void(0)" onclick="confirmDelete(@item.BookId)">Delete</a></li>
      <li><a class="load-spin" href="@Url.Action("Duplicate", new { id = item.BookId })">Duplicate</a></li>
      <li role="separator" class="divider"></li>
      <li><a class="load-spin" href="@Url.Action("Export", new { id = item.BookId })">Export Configuration</a></li>
      <li><a class="load-spin" href="@Url.Action("Download", new { id = item.BookId })">Download (for offline use)</a></li>
 }
 </ul>

Controller

 public ActionResult Export(int id)
 {
      // omitted for brevity
      return File(fullFileName, "application/zip", fileName);
 }

我应该监听什么类型的事件或操作才能调用 $(btn).button("reset")？

Answer 1

不要在 url 中添加操作，而是添加一个 onclick 事件，然后使用一个函数来处理它，该函数将操作发送到具有响应的 Controller ，您可以在其中读取响应并采取相应的操作。