using AJAX and Jquery to create pdf using FPDF

Question

I am trying to create pdf file using FPDF.

What I right now have is an HTML page with various lines of data and a print button next to it. When someone clicks Print, I am sending corresponding data using Jquery by making AJAX call..

This is my JQUERY code:

$('.printbtn').live('click', function(){
    var printdata = 'name=' + name_t + '&address=' + address_t;        
    $.post('print.php', printdata, function(){
    });
    return false;
 });

this is print.php

 $name = $_POST['name'];
 $address = $_POST['address'];

 require ("fpdf17/fpdf.php");

 $pdf = new FPDF('P','mm',array(90,100));

 $pdf->AddPage();

 $pdf->SetFont('Arial','B',12);

 $pdf->Cell(0,10,'name: '.$name);
 $pdf->Cell(0,10,'address: '.$address);

 $pdf->Output();

 ?>

But I am not getting PDF in return. Whats wrong?? In fact, nothings happening.. I want to retreive the pdf file and send it to print

sdespont · Accepted Answer · 2012-11-03 17:30:22Z

3

You should open a new page using <a> tag with your PHP page print.php with your variables.

<a href="print.php?data" target="_blank">click me to download the file</a>

In the PHP page, add headers

// Send Headers
header('Content-type: application/pdf');
header('Content-Disposition: attachment; filename="myPDF.pdf');

// Send Headers: Prevent Caching of File
header('Cache-Control: private');
header('Pragma: private');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');

Try to play with header header('Content-type: application/force-download'); to download automatically your file.

You could also display your PDF data like if the file has been saved readfile('original.pdf');

answered Nov 3, 2012 at 17:30

sdespont

14.1k9 gold badges61 silver badges99 bronze badges

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

1 Comment

MS Berends Over a year ago

Far more quicker than the accepted answer. Thank you!

Community · Accepted Answer · 2017-05-23 12:10:21Z

To load a PDF via ajax you could try:

Use some of the PDF javascript libraries to render PDF directly from javascript without plugins, like mozilla pdf.js or jspdf . And try to see if those libraries let you set the pdf directly from binary data (what you receive in ajax).
Another option is receive the pdf data as base64 encoded and the use a Data URI to set window.location.href to that data uri, although in that case it's possible the PDF is offered as a dowload dialog instead of loading directly in the page, you have to test that. Also data uri support is very limited for pdf in IE 8 and older, see the wikipedia data uri page for more details.
Also see this answer about how it's not possible to load pdf directly from ajax and what other options you have to try to do what you want (mainly saving pdf as temporary file on server and use it with window.location.href or <iframe> or window.open )

Collectives™ on Stack Overflow

using AJAX and Jquery to create pdf using FPDF

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related