Comment télécharger un fichier en utilisant api web dans ASP.NET MVC 4 et jquery

Je suis nouveau à l'aide ASP.NET MVC 4 Web Api.

Je veux permettre à l'utilisateur de télécharger un fichier, ce fichier je vais créer sur le côté serveur. Pour créer le fichier, j'ai réussi à obtenir le code suivant

[ActionName("Export")]
public HttpResponseMessage PostExportData(SomeModel model)
{           
    string csv = _service.GetData(model);
    HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
    result.Content = new StringContent(csv);
    //a text file is actually an octet-stream (pdf, etc)
    result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
    //we used attachment to force download
    result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment");
    result.Content.Headers.ContentDisposition.FileName = "file.csv";
    return result;            
}

COMMENT APPELER CETTE MÉTHODE DE L'API WEB À L'AIDE DE JQUERY ?

Mais je ne suis pas sûr de comment appeler cette api web à l'aide de jquery et d'en faire me rendre un fichier, avec un "enregistrer sous /ouvrir" options que vous obtenez lorsque vous téléchargez un fichier.

Certains une, merci de m'aider et me guider dans la façon de faire l'appel et télécharger le fichier. Merci.

source d'informationauteur Yasser

  1. 9

    Vous pouvez faire quelque chose comme cela dans la vue où vous souhaitez utiliser jquery. Je suppose que le nom du contrôleur est ExportController. Vous avez également à briser les variables du modèle, ou vous pouvez venir chercher le modèle à l'intérieur de HttpResponseMessage PostExportData(SomeModel model)
     via un autre moyen.

    html:

    <a class="export">export</a>

    javascript:

    <script>
$('a.export').click(function(e) {
    e.preventDefault();  //stop the browser from following
    window.location.href = '@Url.Action('Export', 'ExportController', new { property = model.property, property = model.property2 })';
});
</script>

    À utiliser POST

    function UpdateForm(modelObject) {
   if ($('#hidden-form').length < 1)
   {
       $('<form>').attr({
           method: 'POST',
           id: 'hidden-form',
           action: '@Url.Action('Export', 'Export')'
       }).appendTo('body');
   }
   $('#hidden-form').html('');
   for(var propertyName in modelObject) {
       $('<input>').attr({
            type: 'hidden',
            id: propertyName,
            name: propertyName,
            value: modelObject[propertyName]
       }).appendTo('#hidden-form');
    }
}

$('a.export').click(function(e) {
    e.preventDefault();
    var modelObject = { property1 : "property1" };
    UpdateForm(modelObject);
    $('#hidden-form').submit();
});

    Alors vous pouvez simplement poster #hidden-form via js qui va déclencher le téléchargement du fichier

    Mise à jour: C'est un exemple complet pour l'affichage, et ce n'est pas vérifiée pour les fautes de frappe, etc afin de débogage toutes les erreurs mineures.