PHP将变量传递给iframe

时间:2017-09-29 13:55:49

标签: php jquery ajax

我正在尝试基于MPDF 6.0创建PDF创建器。

所以我的页面包含输入字段,我希望将其传递给iframe我预览的PDF文件。我想让它实时编辑。

<iframe id="miniBrowser" style="width:100%;height:100%;overflow:hidden;" src="generate_pdf.php"></iframe>
<style>
.worksheet {
    position:absolute;
    top:0;
    padding:0;
    margin:0;
    z-index:999999;
    width:90%;
    height:100%;
    background:rgba(0, 1, 0, 0.5);
    }
</style>

<div class="worksheet">
    <div id="usrform">
      EDIT: <input type="text" name="usrname">
      <button id='zapisz'>zapisz</button>
    </div>
</div>
<script>
$("#zapisz").on( 'click', function () {
   var usrname = 'test';

        $.ajax({
            type: "POST",
            url: 'generate_pdf.php',
            data: ({usrnm:usrname}),
            success: function(data) {
            }
        });
$('iframe').each(function() {
this.contentWindow.location.reload(true);
});

})
</script>

generate_pdf.php我希望得到usrname值并输入html字符串,我稍后将其转换为PDF格式。

$f1 = $_POST['usrnm'];

$html = 'all the stuff for pdf here' . $f1 . 'more stuff';

include("mpdf60/mpdf.php");
$mpdf=new mPDF('c',array(297,210)); 

$mpdf->WriteHTML($html);
$mpdf->Output();
exit;

1 个答案:

答案 0 :(得分:0)

如果我说得对,那么我认为你想要获得输入中的值以发送到generate_pdf.php页面: 你有没有试过这个

<div class="worksheet">
    <div id="usrform">
      EDIT: <input id='zapisz-username' type="text" name="usrname">
      <button id='zapisz'>zapisz</button>
    </div>
</div>
<script>  
$("#zapisz").on( 'click', function () {
       var usrname = $('zapisz-username').val();

            $.ajax({
                type: "POST",
                url: 'generate_pdf.php',
                data: {'usrnm':usrname},
                success: function(data) {
                }
            });

然后在generate_pdf.php页面中你可以通常的方式获得正常的方式。