Öffnen der PDF-Datei onclick einer Taste mit AJAX

Question

Ich möchte PDF-Datei auf einen Klick öffnen. Ich habe versucht, dies mit AJAX zu tun, aber es öffnet nicht die PDF-Datei. Ich bekomme diesen Alarm immer, wenn ich auf die Schaltfläche View PDF klicke. Hier

ist der Code für meine AJAX:

function viewPDF(id){  
      $.ajax({ url: "viewCrf.php", 
      data: {'idd' : id}, 
      type: "POST", 
      success: function (data) { 
      } 
     }); 
} 

Die obige AJAX Code-Trigger sein wird, nach dem dieser Button angeklickt:

<td><input id='$idd' 
type='button' 
value='View PDF'class='btn btn-primary' onclick='viewPDF(this.id)' 
target='_blank' ></td> 

Der viewCrf.php enthält den Code für die Erzeugung von PDF. Verwendet POST-Methode den Wert zu erhalten, indem die AJAX weitergegeben dann die Daten erhalten aus der Datenbank

$id = $_POST['idd']; 
$q = $db->query("SELECT * FROM crf where col_ID = ".$id); 
    while($r = $q->fetch(PDO::FETCH_ASSOC)){ 
     $last    = $r['col_ln']; 
     $first    = $r['col_fn']; 
     $middle    = $r['col_mi']; 
     $civilstatus  = $r['col_civilstat']; 
     $sex    = $r['col_gender']; 
     $dob    = $r['col_bday'];    
    } 

Mein Problem hier ist, dass die PDF-Datei nicht zu öffnen. Obwohl der Erfolg Teil auf dem AJAX scheint etwas zu warnen, wenn ich alert(data) hinzufügen.

Dieser Code sollte angeblich eine PDF-Datei auf den Klick der Schaltfläche öffnen.

Answer 1

Seit Verwendung von FPDF haben Sie sicherlich einige PHP code looking like this.

Wenn Sie keine Attribute für output() angegeben haben, wird Inline-HTML erstellt.
Reference about the output method here.

So sollte diese Arbeit:

<td> 
    <input id='$idd' type='button' value='View PDF'class='btn btn-primary' onclick='viewPDF(this.id)' target='_blank' > 
</td> 
<div id="pdfResult"></div> 

<script> 
function viewPDF(id){ 
    $.ajax({ url: "viewCrf.php", 
     data: {'idd' : id}, 
     type: "POST", 
     success: function (data) { 
      $("#pdfResult").html(data); 
     } 
    }); 
} 
</script> 

Answer 2

Ich wechsle die button zu einem href statt und GET-Methode verwenden.

<td>".$result['col_ID']."</td> 
<td>".$result['col_fn']." ".$result['col_ln']."</td> 
<td><a href='viewCrf.php?idd=".$idd."' type='button' 
value='View PDF'class='btn btn-primary' 
target='_blank' > 
</td> 

Answer 3

In Ihrer viewCrf.php-Datei müssen Sie Header bearbeiten zu sagen, das ist eine PDF-Datei (und nicht den pdf-Code zeigen.)

<?php header('Content-Type: application/pdf');