6

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

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 调用中返回一个文件保存对话框。

这必须很简单，但我似乎找不到任何结合这两个问题的例子。

4

4 回答 4

3

您可以通过 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();
});

如果需要，您还可以传递 post 参数：

$(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();
});
于 2016-10-11T08:49:15.747 回答
1

以下方法有效，但由于它两次调用 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)一样？

于 2012-10-23T22:48:05.770 回答
0

看这个：</p> 

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。

于 2018-03-15T14:39:34.173 回答
-2

要允许文件下载，您可以简单地调用以下代码（例如在按钮的 onclick 上）：

window.open(<file-url>);

希望这可以帮助。

于 2013-04-02T04:49:45.347 回答