ASP.NET MVC Controller fileContent ActionResult llamada a través de AJAX

Question

La configuración:

El controlador contiene un método public ActionResult SaveFile() que devuelve un FileContentResult.

Lo que funciona:

la vista contiene un formulario, que se somete a esta acción. El resultado es este cuadro de diálogo:

lo que no funciona:

la vista contiene algo de JavaScript que hacer una llamada AJAX para la misma acción del controlador donde la forma sería publicar. En lugar de activar el cuadro de diálogo mencionado anteriormente, o incluso la función de éxito AJAX, la respuesta activa la función de error AJAX y el XMLHttpRequest.responseText contiene la respuesta del archivo.

Lo que tiene que hacer:

hacer la petición para el archivo usando AJAX, y terminar con el mismo resultado que al enviar un formulario. ¿Cómo puedo hacer que la solicitud AJAX proporcione el diálogo que muestra el envío de un formulario?

Answer 1

Aquí hay un ejemplo rápido que inventé. Este es el concepto del que hablaba LukLed al llamar a SaveFile, pero no devuelve el contenido del archivo a través de ajax y en su lugar redirige a la descarga.

Aquí está el código de la vista:

<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> 

<% } %> 

Aquí está el código del controlador:

[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(); 
    } 
}