从AJAX调用下载文件而不保存到webserver

Question

我用ajax提交了一个表单，在表单提交后，我需要下载一个用php库MPDF在服务器端生成的pdf文件。我不想在服务器中保存pdf文件，因为在用户加载后，该文件不再需要了。我在谷歌上搜索过，有人建议使用Blob对象。我还返回一个json响应以显示给用户。有人能解释一下是否可能以及如何实现吗？多谢

              $.ajax({

                    type: form.method,
                    data: $(form).serialize(),
                    dataType: 'JSON',

                    beforeSend: function() {
                        // Show loader
                        $(".loader").show();
                    },


                    success: function(response) {

                        // Hide loader
                        $(".loader").hide();


                        if (response.error_code == '200') {

                            // Add class alert danger to the message
                            $('.alert', $('.horizontal-form')).addClass('alert-success').show();
                            // Show error message
                            $('#error_message').html(response.error_message);
                            // Remove default validation error message from template
                            $('#error_message').get(0).nextSibling.remove();
                            // Remove class alert danger if was left by previous validation
                            $('.alert', $('.horizontal-form')).removeClass('alert-danger');
                            // reset form fields
                            form.reset();
                            // Scroll back to show success message
                            scrollTo(success, -200);

                        }

                    }

                });

if(isset($_POST['userLetter'])){

                        header("Content-Type", "application/pdf");

                        // Render the view using twig and pass params to it
                        $html=$twig->render('/km-letters/km-letter-new-user.twig', array(
                            // Render user details on twig topbar
                            'prova' => 'pippo'

                        ));

                        $mpdf->WriteHTML($html);


                        return $mpdf->Output('foobar-' . time() . '.pdf','D');


                    }

cache-control
public，必须重新验证，max-age=0连接
Keep-Alive内容-描述文件传输内容-处置附件；filename=“doc.pdf”内容-传输-编码
二进制内容-类型
应用程序/PDF日期
Sun，2019年3月10日11:11:35 GMT过期时间，1997年7月26日05:00:00 GMT保持-活动
时间=5,max=99最后修改
Sun，2019年3月10日11:11:35 GMT杂注
公共服务器
Apache传输-编码
分块x-生成器mPDF 7.1.9 x-power-by
PHP/7.3.0

但我也得到以下非常长的字符串响应：

xhrposthttp：//router.kondomatica.me/km-users/createuser#[HTTP/1.1 200 OK 332ms]HeaderCookieParametriRispostaTempiAnalisi dello stackPayload rispostax1JVBERi0xLjQKJeLjz9MKMyAwIG9iago8PC9UeXBlIC9QYWdlCi9QYXJlbnQgMSAwIFIKL01lZGlhQm94IFswIDAgNTk1LjI4MCA4NDEuODkwXQo

Answer 1

基于这个问题的评论，这里有一个未经测试的解决方案，应该有效。

由于安全原因，javascript不能保存文件，代码首先从响应中创建一个blob对象，然后创建一个指向blob对象URL的锚。之后，锚点被添加到DOM，然后“单击”，然后从DOM中移除。

$.ajax({
    type: form.method,
    data: $(form).serialize(),
    cache: false,

    beforeSend: function() {
        // Show loader
        $(".loader").show();
    },

    success: function(response, responseCode, xhr) {
        // Hide loader
        $(".loader").hide();

        if (responseCode == "200") {
            var disposition = xhr.getResponseHeader('content-disposition');
            var matches = /"([^"]*)"/.exec(disposition);
            var filename = (matches != null && matches[1] ? matches[1] : 'doc.pdf');
            var blob = new Blob(response, {
                type: 'application/pdf'
            });
            var link = document.createElement('a');

            link.href = window.URL.createObjectURL(blob);
            link.download = filename;

            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);

            // Add class alert danger to the message
            $(".alert", $(".horizontal-form"))
            .addClass("alert-success")
            .show();
            // Show error message
            $("#error_message").html(response.error_message);
            // Remove default validation error message from template
            $("#error_message")
            .get(0)
            .nextSibling.remove();
            // Remove class alert danger if was left by previous validation
            $(".alert", $(".horizontal-form")).removeClass("alert-danger");
            // reset form fields
            form.reset();
            // Scroll back to show success message
            scrollTo(success, -200);
        }
    }
});