使用ASP .NET MVC和jQuery AJAX请求下载服务器生成的CSV

时间:2015-03-11 18:26:55

标签: jquery ajax json asp.net-mvc csv

我正在研究以 CSV 格式导出数据的机制。 我使用 jQuery

JSON格式发送数据
var data = JSON.stringify(dataToSend);
 $.post('DumpToCSV', { 'data': data });

然后在控制器中我生成 CSV 文件:

 public ActionResult  DumpToCSV(string data)
    {
        Response.Clear();

        XmlNode xml = JsonConvert.DeserializeXmlNode("{records:{record:" + data + "}}");

        XmlDocument xmldoc = new XmlDocument();
        //Create XmlDoc Object
        xmldoc.LoadXml(xml.InnerXml);
        //Create XML Steam 
        var xmlReader = new XmlNodeReader(xmldoc);
        DataSet dataSet = new DataSet();
        //Load Dataset with Xml
        dataSet.ReadXml(xmlReader);
        //return single table inside of dataset
        var csv = CustomReportBusinessModel.ToCSV(dataSet.Tables[0], ",");

        HttpContext context = System.Web.HttpContext.Current;
        context.Response.Write(csv);
        context.Response.ContentType = "text/csv";
        context.Response.AddHeader("Content-Disposition", "attachment;filename=Custom Report.csv");
        Response.End();
        return null;
    }

它会返回 CSV 作为响应,但如何告诉浏览器下载它?

  

这个主题的区别:    Returning a file to View/Download in ASP.NET MVC   是我正在使用AJAX请求

1 个答案:

答案 0 :(得分:12)

如果你想根据你可以发布到Controller的一些数据下载文件,最好不要使用Ajax,因为通过Ajax处理文件真的很难。一个可行的解决方案是add link to additional library

我想建议你使用简单的GET请求:

javaScript代码中:

var urlParams = $.param(dataToSend);
window.location.href = "DumpToCSV"+ urlParams;

通过这种方式,您可以将所有数据序列化为url字符串,并且通过Ajax获取文件没有任何问题。

然后在您的Controller中,如果您的文件非常大,最好还是FileContentResult甚至FileStreamResult。此外,进入yout控制器的模型可以强类型化,MVC ModelBuilder可以轻松地从url字符串中映射它。所以你的数据对象可以是这样的c#类:

public class CSVData
{
   public string Name { get; set; }
   public int Count { get; set; }
   public int SomeId { get; set; }
}

您根本不需要在Controller中使用您的数据。查看更多信息here

public FileContentResult DumpToCSV(CSVData data)
{
    XmlNode xml = data.ToXmlNode();

    XmlDocument xmldoc = new XmlDocument();
    //Create XmlDoc Object
    xmldoc.LoadXml(xml.InnerXml);
    //Create XML Steam 
    var xmlReader = new XmlNodeReader(xmldoc);
    DataSet dataSet = new DataSet();
    //Load Dataset with Xml
    dataSet.ReadXml(xmlReader);
    //return single table inside of dataset
    var csv = CustomReportBusinessModel.ToCSV(dataSet.Tables[0], ",");

    return File(new System.Text.UTF8Encoding().GetBytes(csv), "text/csv", "Custom Report.csv");
}

正如您所看到的,在您的情况下,不需要在MVC中使用HttpContext,您可以更清洁,更明显地使用它。

PS。如果您的csv对象只是byte[],那么您可以这样写:

    return File(csv, "text/csv", "Custom Report.csv");