ASP.NET MVC controller fileContent ActionResult chiamato tramite la tecnologia AJAX

Question

Il setup:

Il controller contiene un metodo che restituisce un public ActionResult SaveFile()FileContentResult.

Ciò che funziona:

La vista contiene una forma, che sottopone a questa azione. Il risultato è questa finestra di dialogo:

cosa non funziona:

la vista contiene alcuni javascript per fare una chiamata AJAX per la stessa azione di controllo in cui la forma sarebbe postare. Invece di attivare la suddetta finestra di dialogo, o anche la funzione AJAX success, la risposta attiva la funzione di errore AJAX e il XMLHttpRequest.responseText contiene la risposta del file.

Cosa devo fare:

Fai la richiesta per il file utilizzando AJAX, e finiscono con lo stesso risultato al momento della presentazione di un modulo. Come posso fare in modo che la richiesta AJAX fornisca la finestra di dialogo che mostra l'invio di un modulo?

Answer 1

Ecco un breve esempio che ho inventato. Questo è il concetto di cui parlava LukLed con la chiamata a SaveFile ma che non restituisce il contenuto del file tramite ajax e invece reindirizza al download.

Ecco il codice della 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> 

<% } %> 

Ecco il codice di controllo:

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