为什么我的 Ajax 没有将信息发送到外部文件？

Question

我的想法是我通过 ajax 将数据发送到外部 php，外部 php 将使用 tcpdf 创建一个 pdf，然后将该 pdf 返回给我。但有些不对劲。

我看不出错误在哪里。基本上，我试图通过ajax 发送两条信息。第一个是完整的 html 标记字符串，我使用 .html() 函数分配给它。第二个只是一个测试，看看它是否也会被发送。

JQuery 看起来是这样的（问题出在 PDF 按钮上）：

$(".pdf-report").dialog({
    autoOpen: false,
    modal: true,
    draggable: true,
    resizable: true,
    width: 700,
    height: 650,
    dialogClass: "no-close",
    buttons: {
        "PDF": function(){
            /*
            var send_html = $('#query_result').html();
            $.post('pdfajax.php',
                {
                    qch: 'TESTQCH',
                    code: send_html
                },
                function( data ){
                    $('#report_result').html(data); // assuming there is a div with id result
                }
            );
            */
            var send_html = $('#report_result').html();
            alert(send_html);
            $('#ireport_result').prop('src', 'pdfajax.php?send_html='+send_html);

        },
        "Close": function() {
            $(this).dialog("close");
        }
    }
});

外部文件 pdfajax.php 看起来像这样：

    require_once 'core/init.php';
require_once 'tcpdf/tcpdf.php';

$html = input::get('send_html');

//echo 'test ',var_dump($qch),'<br />',var_dump($html);

$method = $_SERVER['REQUEST_METHOD'];
//echo $method;
if(strtolower($method) == 'post'){

$pdf = new TCPDF();
$pdf->AddPage();

$pdf->writeHTML($html, true, false, false, false, 'C');


$pdf->Output('example_001.pdf', 'I');

我知道什么都没有发送，因为这是结果（空白 iframe，而不是上面的文本）：

哦，是的，输入类有 get 函数，它简单地说：

    public static function get($item){
    if(isset($_POST[$item])){
        return $_POST[$item];
    } elseif (isset($_GET[$item])){
        return $_GET[$item];
    }
    return '';
}

编辑：

这是 HTML

<div class="pdf-report" title="Report Dialog">
<br />
<div id="report_result"></div>
<iframe src="tcpdf/examples/example_001.php" id="ireport_result"></iframe>
<br />

Answer 1

我不认为，您的 ajax 调用存在问题。您的$.post 似乎很好。但问题可能是因为您的成功回调处理程序。

在您的 ajax 请求成功完成后，您将 pdfajax.php 设置为 iframe 的源，这没有任何意义。因为，这将触发对 URL 'pdfajax.php' 的新 GET 请求，并且它根本不包含任何请求参数。

理想情况下，您的数据对象将包含从“pdfajax.php”收到的响应，您可以使用它在 div 左右显示。

function( data ){
    $('#report_result').html(data); // this can be used for html response not for pdf.
}

但是，如果您想要 iframe 中的数据，我认为不需要 Ajax。您可以直接为 iframe 设置 src，如下所示。

    $(".pdf-report").dialog({
    autoOpen: false,
    modal: true,
    draggable: true,
    resizable: true,
    width: 700,
    height: 650,
    dialogClass: "no-close",
    buttons: {
        "PDF": function(){
            var send_html = $('#report_result').html();
            $('#ireport_result').prop('src', 'pdfajax.php?code='+send_html);
        },
        "Close": function() {
            $(this).dialog("close");
        }
    }
});

而且您的 php 文件几乎没有问题。请求参数是code 不是send_html 并且您的请求类型是GET 不是POST。

require_once 'core/init.php';
require_once 'tcpdf/tcpdf.php';
$html = input::get('code');

$method = $_SERVER['REQUEST_METHOD'];
if(strtolower($method) == 'get'){
    $pdf = new TCPDF();
    $pdf->AddPage();
    $pdf->writeHTML($html, true, false, false, false, 'C');
    $pdf->Output('example_001.pdf', 'I');
}