asp.net-mvc - 在 MVC 中捕获 form.submit() 响应

Question

当提交表单(form.submit()并且没有ajax)时，是否有任何方法可以检测响应是否返回(假设未加载新页面)。我实际上从 Controller 返回一个文件而不是一个新 View 。

查看:

<% using (Html.BeginForm()){%>
   ....
   <input id="submitsearch" type="submit" value="DownloadFile" name="SubmitButton" />
<%} %>

Controller :

return File(FileContent, "text/plain", Filename);

基本上我想要发生的是，当用户单击提交时，我显示一个加载图标，当出现下载弹出窗口时，我想删除加载图标。

所以我实际上不需要读取响应，而只是知道响应何时返回，以便我可以删除加载图标。

限制是我不能使用 ajax 调用来提交页面。

干杯。

Answer 1

您可以使用我称之为cookie轮询的技术:

<% using (Html.BeginForm("Download", "Home")) { %>
    <%= Html.Hidden("downloadToken", DateTime.Now.Ticks) %>
    <input type="submit" value="Download" />
<% } %>

<script src="<%= Url.Content("~/Scripts/jquery.cookie.js") %>" type="text/javascript"></script>
<script type="text/javascript">
    $('form').submit(function () {
        // We start a download => show some progress indicator here
        $(':submit', this).val('Please wait while downloading...').attr('disabled', 'disabled');

        // start polling for the cookie every 500ms
        var fileDownloadCheckTimer = window.setInterval(function () {
            var cookieValue = $.cookie('fileDownloadToken');
            var token = $('#downloadToken').val();
            if (cookieValue == token) {
                // The download has finished => remove the progress indicator
                $(':submit', $('form')).val('Download').removeAttr('disabled');

                // remove the cookie
                $.cookie('fileDownloadToken', null);

                // stop polling
                window.clearInterval(fileDownloadCheckTimer);
            }
        }, 500);
    });
</script>

以及 Controller 操作内部:

public ActionResult Download(string downloadToken)
{
    // Simulate a slow download
    Thread.Sleep(5000);
    var cookie = new HttpCookie("fileDownloadToken", downloadToken);
    // set the cookie with the proper value
    Response.AppendCookie(cookie);
    return File(Encoding.UTF8.GetBytes("foo bar"), "text/plain", "foo.txt");
}