JQuery Ajax call for PDF file download

Question

My question is similar to Download and open pdf file using Ajax

But not exactly the same , the reason I want an JQuery ajax is that my file is being generated dynamically from the data which would be fetched from the same page.

So basically I have a Json Object which needs to be sent to the server which would dynamically generate a file and send it back to the browser.

I would not like to use query strings on an anchor with my Json object stringyfied , as I think it would be a potential threat as query strings have character restrictions ( am I right here ?).

Please let me know If my workflow is right or I can achieve the same thing thing using a different flow.

Answer 1

You should not use AJAX to download files. This doesn't work. This being said you are left with 2 options:

1. action link and query string parameters or if the download must be trigerred at some specific javascript event you could also set the window.location.href to the action that is supposed to generate the PDF file and pass query string parameters to it.

2. or if you are afraid that you have lots of data to pass to the controller action that will generate the PDF to download you use a <form> with method="POST" and inside you use hidden fields to store as much parameters and data as you like:

   @using (Html.BeginForm("download", "home"))
   {
       ... hidden fields containing values that need to be sent to the server
       <input type="submit" value="Download PDF" />
   }