javascript - 禁用 Javascript 提交页面(在文件下载期间)

Question

我已经查看过，但没有看到任何禁用页面的方法，例如页面上的覆盖层以防止在我执行 JavaScript 提交操作时执行任何操作:

 function AgendaMinutes() {
    var id = '@Model.ID';
    var form = $('<form method="POST" action="AgendaMinutes">');
    form.append($('<input type="hidden" name="dprid" value="' + id + '">'));
    $(body).append(form);
    form.submit().remove();
    return false;
}

这在生成 PDF 并将其发送到客户端方面就像一个 super 按钮，但允许用户多次单击该按钮。我可以禁用该按钮，但我如何知道 PDF 何时已返回以便我可以释放它？

Answer 1

but how do I know when the PDF has been returned [so that I can re-enable the page]

下载文件并“知道”何时完成的最简单选项是通过 target="_blank" 将文件发送到新窗口/选项卡。

这样，用户就可以获得进度指示器(通过浏览器)，并且您的页面不需要知道它何时完成(因为其他选项卡会处理它)，因此可以立即重新启用。

如果您的页面由于某种原因需要等待，例如必须在继续之前生成文档，则需要替代解决方案:在这种情况下，我将生成并保留该文件服务器，然后向客户端提供下载链接。