首頁 >web前端 >js教程 >如何在使用 PHP 和 AJAX 建立後強制下載 CSV 檔案?

如何在使用 PHP 和 AJAX 建立後強制下載 CSV 檔案?

Susan Sarandon
Susan Sarandon原創
2024-10-24 08:35:02840瀏覽

How to Force Download a CSV File After Creation with PHP and AJAX?

如何在 PHP 中透過 AJAX 下載檔案

在使用 Web 應用程式時,通常需要從伺服器下載檔案。 AJAX(非同步 JavaScript 和 XML)提供了一種無需重新載入頁面即可啟動此類下載的方法。

一種方法涉及建立一個觸發 AJAX 功能的按鈕。以下程式碼片段示範了這種方法:

<code class="php">function csv(){
  $ajaxRequest = ajax();
  $postdata = "data=" . document.getElementById("id").value;
  $ajaxRequest.onreadystatechange = function(){
    var ajaxDisplay = document.getElementById('ajaxDiv');
    if($ajaxRequest.readyState == 4 && $ajaxRequest.status==200){
      ajaxDisplay.innerHTML = $ajaxRequest.responseText;           
    }
  }

  $ajaxRequest.open("POST","csv.php",false);
  $ajaxRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  $ajaxRequest.send($postdata);
}</code>

但是,這裡的問題是如何在 PHP 建立 CSV 檔案後強制下載該檔案。 PHP 檔案中提供的腳本如下:

<code class="php">$fileName = 'file.csv';
$downloadFileName = 'newfile.csv';

if (file_exists($fileName)) {
  header('Content-Description: File Transfer');
  header('Content-Type: text/csv');
  header('Content-Disposition: attachment; filename='.$downloadFileName);
  ob_clean();
  flush();
  readfile($fileName);
  exit;
}
echo "done";</code>

問題是執行此腳本不會啟動下載,而是在頁面內(ajaxDiv 內)顯示CSV 檔案的內容.

這個問題的答案是AJAX 不適用於文件下載。相反,最佳做法是打開一個新視窗並將其地址設為下載連結。或者,您可以使用 document.location = .....

直接將頁面重定向到下載鏈接

以上是如何在使用 PHP 和 AJAX 建立後強制下載 CSV 檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn