Question

我正在尝试用PHP构建一个CSV文件，然后从AJAX调用中调用PHP文件，然后在AJAX调用成功后启动CSV文件的下载。如果我在服务器上保存.csv的物理副本，这可以正常工作，但我想使用php://ouput，所以我不必担心物理文件会堵塞服务器。是否可以从返回php://output到AJAX开始下载？这是我的代码：

HTML / jquery的：

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <script type="text/javascript" language="javascript" src="jquery.js"></script>
        <script type="text/javascript">
             $("#download").live("click", function() {
                var request = $.ajax({
                    dataType: 'html',
                    url: 'php.php',
                    success: function(response) {
                        alert('Finished');
                    }
                })
            })
        </script>
    </head>
    <body>
        <h1 id="download">DOWNLOAD</h1>
    </body>
</html>

PHP：

<?php 
    header('Content-type: application/vnd.ms-excel');
    header('Content-disposition: attachment; filename="test.csv"');
    $f = fopen('php://output', 'w');
    fwrite($f,'this,is,a,test');
    fclose($f);
    readfile('php://output');
    return;
?>

我不知道如何从AJAX调用中返回文件保存对话框。

这一点很简单，但我似乎无法找到任何结合这两个问题的例子。

Answer 1

您可以通过jquery创建和发送表单（页面未重新加载）来执行此操作：

$(document).on('click', '#download', function () {
    var form = $(document.createElement('form'));
    form.attr('action', 'php.php');
    form.attr('method', 'GET');
    form.appendTo(document.body);
    form.submit();
    form.remove();
});

如果需要，您也可以传递帖子参数：

$(document).on('click', '#download', function () {
    var form = $(document.createElement('form'));
    form.attr('action', 'php.php');
    form.attr('method', 'POST');
    var input = $('<input>').attr('type', 'hidden').attr('name', 'x').val('x value');
    form.append(input);
    form.appendTo(document.body);
    form.submit();
    form.remove();
});

Answer 2

以下工作，但非常有用，因为它调用php.php文件两次。有没有人有更好的想法？

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <script type="text/javascript" language="javascript" src="jquery.js"></script>
        <script type="text/javascript">
             $("#download").live("click", function() {
                var request = $.ajax({
                    dataType: 'html',
                    url: 'php.php',
                    success: function(response) {
                        window.open('php.php');
                    }
                })
            })
        </script>
    </head>
    <body>
        <h1 id="download">DOWNLOAD</h1>
    </body>
</html>

有没有为这个实例缓存'php.php'，以便它立即加载到window.open('php.php')下，但是当我点击下一个download时会重新加载内容？

为什么window.open(response)不能正常工作？

Answer 3

看看这个：

if (!headers_sent()) {
    // seconds, minutes, hours, days
    $expires = 60*60*24*14;
    header('Pragma: public');
    header('Cache-Control: maxage=' . $expires);
    header('Expires: ' . gmdate('D, d M Y H:i:s', time() + $expires) . ' GMT');
}

注意：这不适用于POST请求，只需GET。

Answer 4

要允许文件下载，您只需调用以下代码（比如按钮的onclick）：

window.open(<file-url>);

希望这有帮助。

从AJAX调用下载PHP输出缓冲区内置的文件

4 个答案: