通过 AJAX 调用的 ASP.NET MVC 控制器 FileContent ActionResult

Question

设置：

控制器包含一个方法public ActionResult SaveFile()，它返回一个FileContentResult。

什么有效：

视图包含一个表单，它提交给这个动作。结果是这个对话框：

什么不起作用：

视图包含一些 javascript，用于对表单发布的同一控制器操作进行 AJAX 调用。响应不会触发上述对话框，甚至 AJAX 成功函数，而是触发 AJAX 错误函数，XMLHttpRequest.responseText 包含文件响应。

我需要做什么：

使用 AJAX 请求文件，最终得到与提交表单时相同的结果。如何让 AJAX 请求提供提交表单时显示的对话框？

Answer 1

这是我编造的一个简单示例。这是 LukLed 在调用 SaveFile 时所说的概念，但不通过 ajax 返回文件内容，而是重定向到下载。

查看代码如下：

<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        // hide form code here

        // upload to server
        $('#btnUpload').click(function() {
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '<%= Url.Action("SaveFile", "Home") %>',
                success: function(fileId) {
                    window.location = '<%= Url.Action("DownloadFile", "Home") %>?fileId=' + fileId;
                },
                error: function() {
                    alert('An error occurred uploading data.');
                }
            });
        });
    });
</script>

<% using (Html.BeginForm()) { %>

    <div>Field 1: <%= Html.TextBox("field1") %></div>

    <div>Field 2: <%= Html.TextBox("field2") %></div>

    <div>Field 3: <%= Html.TextBox("field3") %></div>

    <button id="btnUpload" type="button">Upload</button>

<% } %>

这是控制器代码：

[HandleError]
public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    public JsonResult SaveFile(string field1, string field2, string field3)
    {
        // save the data to the database or where ever
        int savedFileId = 1;

        // return the saved file id to the browser
        return Json(savedFileId);
    }

    public FileContentResult DownloadFile(int fileId)
    {
        // load file content from db or file system
        string fileContents = "field1,field2,field3";

        // convert to byte array
        // use a different encoding if needed
        var encoding = new System.Text.ASCIIEncoding();
        byte[] returnContent = encoding.GetBytes(fileContents);

        return File(returnContent, "application/CSV", "test.csv");
    }

    public ActionResult About()
    {
        return View();
    }
}