javascript - MVC - 下载文件前后加载屏幕/禁用按钮

Question

所以我有一个按钮可以下载一个 csv 文件。按钮简单:

$("#btnExportToContactList").click(function (e) {
    window.location.href = '/Home/ExportList';
});

我的操作只是返回一个

File(new System.Text.UTF8Encoding().GetBytes(csv), "text/csv", filename);

一切正常。现在，由于我在按下按钮时正在构建一个 csv，并且由于该过程可能需要一些时间，所以我想放置一个加载屏幕或在他们等待时简单地禁用按钮。我的问题是如何禁用/启用按钮？

我尝试了以下方法，但它不起作用，因为浏览器被重定向到另一个页面，它将停止执行我的 Javascript。

$("#btnExportToContactList").click(function (e) {
    $("#btnExportToContactList").attr("disabled", true);
    window.location.href = '/Home/ExportList';
    $("#btnExportToContactList").attr("disabled", false);
});

但它不起作用。有人对此有解决方案吗？

Answer 1

每次页面准备就绪或加载时，您都可以将 disabled 属性设置为 false。

$(function(){
   $("#btnExportToContactList").attr("disabled", false);

  $("#btnExportToContactList").click(function (e) {
    $("#btnExportToContactList").attr("disabled", true);
    window.location.href = '/Home/ExportList';
  });
});

更新:如果上述方法不起作用，您可以尝试这样的解决方法。而不是调用 window.location.href 您可以使用 ajax 请求调用 Controller 的操作并返回包含在服务器上创建的文件的 url 的 json 结果，然后在 ajax 调用成功时您可以使用一些 javscript 下载此文件代码，然后更改所需元素的禁用属性。

检查 more