Как открыть pdf по кнопке?

Question

[leni_m]

есть файл pdf.php, который открывает pdf, сгенерированный из html кода.
Хочу чтобы при клике на кнопку отправлялись данные на этот файл и открывался pdf в зависимости от пришедших данных.
Попытался написать jquery:

$('#button').on('click', function () {
        var params = {...};
        $.post('pdf.php', params);
    });

И данные уходят(статус 200), но не открывается pdf, хотя если открыть в браузере pdf.php то открывается pdf файл.
Вот содержимое pdf.php:

<?php

ob_start();
include 'pdfInvoice.php';
$html = ob_get_contents();
ob_end_clean();

include("mpdf60/mpdf.php");

$mpdf = new mPDF('utf-8', 'A4', '12', '', 10, 10, 7, 7, 10, 10);

$stylesheet = file_get_contents('css/invoice.css'); //подключаем css
$mpdf->WriteHTML($stylesheet, 1);

$mpdf->WriteHTML($html, 2); //формируем pdf
$mpdf->Output('invoice.pdf', 'I');

А в файле pdfInvoice.php находится таблица на html

Answer 1

[Boris Köln]

При аяксе скачивания не будет.
button/ajax замените на обычный <a href="pdf.php?...">Скачать pdf</a>

Update: ... или на

<form action="pdf.php?..."><input type="submit" value="Скачать pdf"></form>

Comments

[leni_m]

если проще, вопроc: как перейти на другую страницу, сохранив данные с прошлой страницы?
Причем эти данные из полей, в которые вводил пользователь

[Boris Köln]

При скачивании в моем варианте, хотя ссылка и есть, но не происходит перехода, исходная страница остается без изменений.

[GrimJack]

leni_m: гет параметрами пуляйте из формы, тогда даже js не нужен

Answer 2

[Adamos]

Во-первых, нужен не ajax-запрос, а простая ссылка на файл.
Во-вторых, не вижу в коде заголовков.

header("Content-Type: application/pdf");
header("Content-Disposition:inline;filename=\"имя_файла.pdf\"");
header("Content-Transfer-Encoding: binary");

Comments

[leni_m]

просто мне нужно передать переменные, а я всегда ajax в таком случае использовал(pdf формируется из данных , которые ввел пользователь) Может подскажите как передать данные в вашем варианте?

[Adamos]

Либо подставив их в ссылку (создав, тем самым, GET-запрос).
Либо заполнив и отправив невидимую форму с action="pdf.php".
Впрочем, если пользователь что-то куда-то вводит, форма у вас уже есть.

[leni_m]

Adamos:
у меня помимо кнопки "сохранить" есть еще "распечатать" и "отправить по почте". Как я понимаю поля, которые заполнит пользователь, будут привязаны к одной форме с action="..."
Может получится сделать 3 невидимых формы с разными action под каждую форму и на js написать что-то вроде
("#button1").on("click", function () {
заполнить невидимые поля данными;
нажать на кнопку submit этой формы;
})

[Adamos]

leni_m: кто же вам мешает по каждой из трех кнопок выполнить разные действия с этой формой или ее полями?

[leni_m]

Adamos: извиняюсь, но мои знания сейчас:

<form action="pdf.php" method="post">
        <input type="text" name="name" value="Vasya">
        <input type="text" name="password" value="pupkin">
    <input id="form-save" type="submit" value="Отправить">
</form>

или можно сделать так?:

<form action="pdfToEmail.php" method="post">
<form action="pdf.php" method="post">
        <input type="text" name="name" value="Vasya">
        <input type="text" name="password" value="pupkin">
    <input id="form-save" type="submit" value="Отправить">
</form>
<input id="form-email" type="submit" value="Отправить">
</form>

[Adamos]

<form id="data-here" action="pdf.php" method="post">
  <input type="text" name="name" value="Vasya" required />
  <input type="text" name="password" value="pupkin" required />
  <input id="form-save" type="submit" value="PDF" />
  <button onclick="save(); return false">Сохранить</button>
  <button onclick="send(); return false">На почту</button>
</form>
<script>
function save() {
  $.post(
    'save.php',
    {
      name: $('#data-here').find('input[name=name]').val(), 
      password: $('#data-here').find('input[name=password]').val()
    },
    function(data) { alert(data.message); },
    'json'
  );
}

[leni_m]

Adamos: в save.php написал <script> console.log("+");</script>не позвращает плюсик, хотя статус 200

[Adamos]

leni_m: save.php выполняется на сервере. Какой, на хрен, скрипт?
echo json_encode(array('message' => 'OK'));

[leni_m]

Adamos: но главная проблема решилась, button submit отправляет на pdf, после внесения ваших заголовков, спасибо. и как я понял, "отправить по почте" и "распечатать" можно уже аяксом обрабатывать? и вешать на них события onclick?

[Adamos]

leni_m: да, конечно. Я аяксовый запрос и написал.

[leni_m]

Adamos: в файле pdf.php я написал

if (isset($_POST['submit'])) {
            $name = $_POST['name'];
        }

ob_start();
        include 'pdfInvoice.php';
        $html = ob_get_contents();
        ob_end_clean();

        include("mpdf60/mpdf.php");

        $mpdf = new mPDF('utf-8', 'A4', '12', '', 10, 10, 7, 7, 10, 10);

        $stylesheet = file_get_contents('css/invoice.css'); //подключаем css
        $mpdf->WriteHTML($stylesheet, 1);

        $mpdf->WriteHTML($html, 2); //формируем pdf
        $mpdf->Output('invoice.pdf', 'I');

[leni_m]

в файле pdf.php я написал

header("Content-Type: application/pdf");
        header("Content-Disposition:inline;filename=\"invoice.pdf\"");
        header("Content-Transfer-Encoding: binary");

        if (isset($_POST['submit'])) {
            $name = $_POST['name'];
        }

        ob_start();
        include 'pdfInvoice.php';
        $html = ob_get_contents();
        ob_end_clean();

        include("mpdf60/mpdf.php");

        $mpdf = new mPDF('utf-8', 'A4', '12', '', 10, 10, 7, 7, 10, 10);

        $stylesheet = file_get_contents('css/invoice.css'); //подключаем css
        $mpdf->WriteHTML($stylesheet, 1);

        $mpdf->WriteHTML($html, 2); //формируем pdf
        $mpdf->Output('invoice.pdf', 'I');

далее в файле pdfInvoice.php я попытался использовать эту переменную(echo $name;)
но при выводе pdf выдало ошибку: Notice: Undefined variable: name ...
Вы не подскажите как переменные в pdf.php сделать видимыми в pdfInvoice.php?

[leni_m]

Adamos: все сработало) написал

if (isset($_POST['submit'])) {
            $name = $_POST['name'];
        }

прямо в файле pdfInvoice.php
переменные уходят же на pdf.php вот и подумал сначала, что там их и надо обрабатывать