爲什麼JS打開一個txt文件而不是下載它？

Question

這裏是我的代碼：

服務器端：

public function export(){ 
    $arr = array(); 
    if($_POST["type"] == "save"){ 
     $name = "export.txt"; 
     file_put_contents("$name",$_POST["text"]); 
     $arr["type"] = "link"; 
     $arr["url"] = "http://localhost:8000/{$name}"; 
    } 
    return $arr; 
} 

客戶端：

$(document).on('click', '#export', function() { 
    var names = ["سعید خرمی", "فرید هادوی"]; 
    var namess = names.join('\n'); 
    $.ajax({ 
     type: "post", 
     url: "/export", 
     headers: { 
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
     }, 
     data: { 
      type: "save", 
      text: namess 
     }, 
     dataType: "json", 
     success: function(data){ 
      var href = data.url; 
      window.location = href; 
     } 
    }); 
}) 

當我點擊#export（按鈕），它會打開.txt文件（而不是下載它）。事情是這樣的：

注意到我使用Chrome。也不會在其他瀏覽器。

我該如何強制它下載那個.txt文件？

Answer 1

更改您的成功部分是這樣，

success: function(data){ 
var href = download.php?filename=export.txt; 
window.location = href; 
} 

而在你的download.php：

從獲取文件名的GET變量filename（發言權$file）。

發送標題：

<?php 
$file = $_GET['filename']; // get the filename 
if (file_exists($file)) { 
    header('Content-Description: File Transfer'); 
    header('Content-Type: text/plain'); // the appropriate header type for txt file 
    header('Content-Disposition: attachment; filename="'.basename($file).'"'); 
    header('Expires: 0'); 
    header('Cache-Control: must-revalidate'); 
    header('Pragma: public'); 
    header('Content-Length: ' . filesize($file)); 
    readfile($file); 
    exit; 
} 
?> 

來源：PHP Readfile Documentation