Question

是否无法从页面（和数据库）收集信息，从给定信息创建csv文件，下载创建的文件和刷新页面？

当前用户看到一个包含行的表，通过选中复选框选择行，按导出按钮，然后创建CSV文件并下载到用户计算机。问题出在页面刷新。

当前在按钮上单击CSV将按以下方式创建和下载：

        //here is create csv function and then the result is outputed
        Response.Clear()
        Response.Buffer = True
        Response.AddHeader("content-disposition", "attachment;filename=DataTable.csv")        
        Response.Charset = ""
        Response.ContentType = "application/text"

        Response.Output.Write(CsvFile.ToString(), 0)
        Response.Flush()
        Response.End()

这个灵魂在下载csv文件后会出现页面刷新问题。

1）此链接： Redirecting to another page after Response.End() has been called in C#

建议`Response.AddHeader（“Refresh”，“3; url = index.html”）;应该刷新页面。这不起作用，不会发生重定向。

2）建议的另一个解决方案是创建一些额外的URL并允许用户从给定的URL下载文件。这不适合我的情况，因为文件是根据页面上的数据创建的。

3）是否有其他适合需求的解决方案（按钮点击创建csv并下载，页面刷新）？

你能告诉我一些线索吗？

Answer 1

您需要在客户端上使用一些javascript来获得所需的结果。我从这里采用了基础知识https://stackoverflow.com/a/4168965/1002621，这是一个php后端的例子。

您在客户端上需要的代码看起来像这样的基本前提是您使用jquery拦截下载按钮单击事件，以便可以将令牌注入到表单发布中，然后您可以在响应中将其发送回知道文件下载完成后再做自己的表单提交/无论如何。

<script type="text/javascript">

    function DownloadAndRefresh() {

        //get form and inject a hidden token input
        var form = $(this).closest('form');
        var tokenInput = $('input[name=token]');
        if (tokenInput.length == 0) {
            tokenInput = $('<input />').prop('type', 'hidden').prop('name', 'token');
            form.append(tokenInput);
        }

        //create a unqiue token we can watch for and set the hidden inputs value
        var token = new Date().getTime();
        tokenInput.prop('value', token);

        //watch for the token to come back in the documents cookie (this is set on server)
        var tokenInterval = setInterval(function () {
            //check to see if the cookie contains the token yet
            if (document.cookie.indexOf(token) != -1) {
                //submit the form again now the file has been downloaded (this causes a standard postback)
                form[0].submit();
                window.clearInterval(tokenInterval);
            }
        }, 200);

        //wait up to 60 seconds for the token then stop the interval because something probably went wrong
        setTimeout(function () { window.clearInterval(tokenInterval); }, 60000);

        //allow the current post action to continue
        return true;

    }

    $(document).ready(function () {
        //call the DownloadAndRefresh function before posting to the server
        $('#<%= DownloadButton.ClientID %>').on('click', DownloadAndRefresh);
    });

</script>

<asp:Button runat="server" ID="DownloadButton" Text="Download Button" onclick="Download_Click" />

服务器代码非常简单，只需将令牌从请求表单中提取出来并将其放入响应cookie中。

    protected void Download_Click(object sender, EventArgs e)
    {
        Response.Clear();

        //set the response token cookie to be the token sent in the form request
        Response.SetCookie(new HttpCookie("token", Request.Form["token"]));
        Response.Buffer = true;
        Response.AddHeader("content-disposition", "attachment;filename=file.txt");
        Response.ContentType = "text/plain";
        Response.Output.Write("some text");
        Response.End();
    }

按下asp.net按钮创建CSV文件，下载并刷新页面

1 个答案: