javascript - 使用 AJAX 单击按钮打开 PDF 文件

Question

我想通过单击按钮打开 PDF 文件。我尝试使用 AJAX 执行此操作，但它无法打开 PDF 文件。 我每次点击查看 PDF 按钮时都会收到此警报。

这是我的 AJAX 代码:

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

点击此按钮后将触发上面的AJAX代码:

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

viewCrf.php 包含生成 PDF 的代码。使用POST方法获取AJAX传递的值，然后从数据库中获取数据

$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'];             
    }

我的问题是，PDF 文件根本无法打开。尽管当我添加 alert(data) 时，AJAX 上的成功部分似乎会发出警报。

此代码应该在单击按钮时打开 PDF 文件。

Answer 1

既然使用了FPDF，你肯定已经掌握了一些PHP code looking like this .

如果您没有为 output() 指定任何参数，它会生成内联 HTML。
Reference about the output method here .

所以，这应该有效:

<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>