Comment faire pour télécharger un Fichier excel et un fichier PDF à l'aide de Jquery Ajax MVC

Je suis à l'aide de l'Application MVC. Je veux télécharger le fichier excel et un fichier PDF à l'aide de Jquery AJAX.

Dans la page d'Affichage de

 <a href="javascript:void(0)" class="excelbtn" data-is-pdf="false" >Export To Excel</a>
 <a href="javascript:void(0)" class="pdfbtn" data-is-pdf="true">Export To PDF</a>

Ajax de Jquery

$.ajax({
        type: 'GET',
        url: '/Report/ExportReports',
        contentType:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
        data: {
            Parameter1: Parameter1,
            Parameter2: Parameter2,
        },
        cache: false,
        success: function (isSuccess) {
            if (isSuccess.Success) {
                }
            } else {
                alert('Something went wrong. Please try again after sometime...');
            }
        },
        error: function (data, status, e) {
        }
    });

Dans Le Contrôleur

public ActionResult ExportReports(string Parameter1, string Parameter2)
    {
       if (Parameter1 = "PDF")
        {
            DataTable exportData = grid.GetExportData(dataSource);
            MemoryStream pdfStream = gridData.ExportToPDF(exportData, repType);

            Response.ClearContent();
            Response.ClearHeaders();
            Response.ContentType = "application/pdf";
            Response.AppendHeader("Content-Disposition", "attachment; filename=" + executeRepType + ".pdf");
            Response.BinaryWrite(pdfStream.ToArray());
            Response.End();
        }
        else
        {
            DataTable exportData = grid.GetExportData(dataSource);
            MemoryStream excelStream = gridData.ExportToExcel(exportData, executeRepType);
            //Write it back to the client
            Response.ClearContent();
            Response.ClearHeaders();
            Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
            Response.AddHeader("content-disposition", "attachment;  filename=" + executeRepType + ".xlsx");
            Response.BinaryWrite(excelStream.ToArray());//.GetAsByteArray());
            Response.End();
        }
        return View();
    }

Donc dans le contrôleur de l'ensemble des données, mais nous ne sommes pas en mesure de revenir dans l'affichage de la page.

pourquoi avez-vous besoin d'ajax pour cela?

OriginalL'auteur Jagadisha B S | 2014-11-03

  1. 3

    Vous pouvez essayer cette Solution.
    Dans La Page D'Affichage De

    @Html.ActionLink("Export To Excel", "ExportReports", new { isPdfExport = false,Parameter1="_Parameter1" ,Parameter2="_Parameter2"}, new { @class="excelbtn" })

@Html.ActionLink("Export To PDF", "ExportReports", new { isPdfExport = true,Parameter1="_Parameter1" ,Parameter2="_Parameter2"}, new { @class="pdfbtn" })

    si vous souhaitez Modifier la valeur de paramètre 1 et paramètre2 dynamiquement que vous pouvez utiliser javascript comme décrit ci-dessous

    En Javascript:-

    $('.excelbtn').attr('href', function () {
        return this.href.replace('_Parameter1', Value1).replace('_Parameter2',Value2);
          });
$('.pdfbtn').attr('href', function () {
        return this.href.replace('_Parameter1', Value1).replace('_Parameter2',Value2);
          });

    Dans Le Contrôleur:-

    public ActionResult ExportReports(bool isPdfExport,string Parameter1, string Parameter2)
{
   if (Parameter1 = "PDF")
    {
        DataTable exportData = grid.GetExportData(dataSource);
        MemoryStream pdfStream = gridData.ExportToPDF(exportData, repType);

        Response.ClearContent();
        Response.ClearHeaders();
        Response.ContentType = "application/pdf";
        Response.AppendHeader("Content-Disposition", "attachment; filename=" + executeRepType + ".pdf");
        Response.BinaryWrite(pdfStream.ToArray());
        Response.End();
    }
    else
    {
        DataTable exportData = grid.GetExportData(dataSource);
        MemoryStream excelStream = gridData.ExportToExcel(exportData, executeRepType);
        //Write it back to the client
        Response.ClearContent();
        Response.ClearHeaders();
        Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
        Response.AddHeader("content-disposition", "attachment;  filename=" + executeRepType + ".xlsx");
        Response.BinaryWrite(excelStream.ToArray());//.GetAsByteArray());
        Response.End();
    }
    return View();
}

    OriginalL'auteur Deepak Patel

  2. 0

    Je vous suggère de faire des choses un peu plus simplement avec l'aide d'outils qui viennent de sortir de la boîte.
    Le Système.Web.MVC.Le contrôleur.Fichier vous propose une méthode qui permettra de faire exactement ce dont vous avez besoin en utilisant le tableau d'octets ou d'un ruisseau ou le chemin du fichier. Ainsi, au lieu de cette partie (et même pour le format pdf)

    Response.ClearContent();
Response.ClearHeaders();
Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
Response.AddHeader("content-disposition", "attachment;  filename=" + executeRepType + ".xlsx");
Response.BinaryWrite(excelStream.ToArray());//.GetAsByteArray());
Response.End();

    Je voudrais utiliser quelque chose comme ceci 

    File(excelStream.ToArray(), System.Net.Mime.MediaTypeNames.Application.Octet, executeRepType + ".xlsx");

    Et il n'y a pas besoin de demande asynchrone. De sorte que vous pouvez simplement utiliser le lien direct.

    Je suis en utilisant quelque chose comme cela, mais comment puis-je mettre à jour la Vue (ou à l'actualisation de la page), après cela? Pour une raison quelconque, même sans le Response.End(), la page d'arrêts de traitement après je écrire le fichier.
    Selon ce que vous utilisez pour le front-end il y a le couple de solutions. La classique serait d'utiliser @Ajax.ActionLink avec OnSuccess AjaxOption où vous pouvez définir la fonction javascript qui sera exécutée après controllersuccesfully le traitement de votre demande. Comme alternative, vous pouvez utiliser @Html.ActionLink et spécifiez l'id ou une classe attr pour cela, par exemple @Html.ActionLink("LinkText","Action",null, new {@id="file"}) et attraper cliquez avec jQuery, post de code $('#file').click(function(){$.post(this.href..)})

    OriginalL'auteur Valerii