Call php file which return PDF with jQuery AJAX function

Question

My php file: example_061.php create PDF return and everything works fine.

Now I want to call that file with jQuery AJAX to get this at my screen and I try:

$("#proba").click(function() {
  //in here we can do the ajax after validating the field isn't empty.
  $.ajax({
    url: "tcpdf/examples/example_061.php",
    type: "POST",
    async: true, 
    data: { 
      ime: $("#ime").val(),
      pozicija: $("#pozicija").val(),
      jmbg: $("#jmbg").val()
    }, //your form data to post goes here as a json object
    dataType: "html",
    success: function(response) {
      window.open('example_061.pdf');
    },  
  });        
});

Everything is fine so success function work an I get alert message but I don't get PDF file as download or at screen. How I can do that?

at the end of PHP file I have: //Close and output PDF document return $pdf->Output('example_061.pdf', 'I'); — milemilic mile
– milemilic mile, Commented May 4, 2015 at 14:02
There are plenty of Ajax-like downloaders out there... Here is my very own for example: github.com/gasparesganga/jquery-ajax-downloader — Eggplant
– Eggplant, Commented May 4, 2015 at 14:03
Which PDF library are you using? What options do you have for ->Output()? — Reinder Wit
– Reinder Wit, Commented May 4, 2015 at 14:11
I update my question... so I send data to php file to get pdf output put how I can download now PDF with generated data that I send with ajax ? — milemilic mile
– milemilic mile, Commented May 4, 2015 at 14:14

I wrestled a bear once. · Accepted Answer · 2015-05-04 14:09:15Z

2

You do not need to use AJAX to download a file. If the content-disposition header is set, it will be downloaded and the current page will not be reloaded.

Just add this to your php script that creates the PDF:

header('Content-Disposition: attachment; filename=' . $MyFileName);

And instead of AJAX, use a regular anchor tag link:

<a href="tcpdf/examples/example_061.php">Download</a>

As someone noted in the comments, if you need to post you can still use a simple form with the same effect:

<form method="POST" ACTION="tcpdf/examples/example_061.php">
<input type="hidden" name="myPostItem" value="My POSt VALUE" />
<input type="submit" value="download">
</form>

edited May 4, 2015 at 14:09

answered May 4, 2015 at 14:04

I wrestled a bear once.

23.5k20 gold badges74 silver badges122 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

milemilic mile Over a year ago

sorry but I need to send some data to php file to create pdf I need... so I need to use ajax...

I wrestled a bear once. Over a year ago

@milemilicmile Why can't you use GET instead of POST?

Reinder Wit Over a year ago

@milemilicmile, you can still do a regular POST to example_061.php, even though it eventually outputs a PDF. No need to use AJAX for that...

milemilic mile Over a year ago

I update my question, so I send data to php file to get pdf output put how I can download now PDF with generated data that I send with ajax ?

I wrestled a bear once. Over a year ago

@milemilicmile You can't! Downloading something involves copying a file to the filesystem. JS does NOT have access to the filesystem, only the browser itself does. If you need to post, you need to use some variation of the answers posted above.

|

Collectives™ on Stack Overflow

Call php file which return PDF with jQuery AJAX function

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related