Bagaimanakah Saya Boleh Mencetuskan Muat Turun Fail dengan Permintaan Ajax?

Memuat Turun Fail dengan Permintaan Ajax

Melaksanakan fungsi untuk memuat turun fail apabila mengklik butang menggunakan Ajax mungkin menghadapi cabaran. Mari kita terokai penyelesaian untuk mengatasi halangan ini.

Percubaan Awal

Percubaan awal untuk mencapai ini melibatkan mencipta XMLHttpRequest dan menghantar permintaan GET ke skrip PHP, sebagai ditunjukkan di bawah:

javascript:
var xhr = new XMLHttpRequest();
xhr.open("GET", "download.php");
xhr.send();

download.php:
<?
header("Cache-Control: public");
header("Content-Description: File Transfer");
header("Content-Disposition: attachment; filename= file.txt");
header("Content-Transfer-Encoding: binary");    
readfile("file.txt");
?>

Penghadan

Walau bagaimanapun, kaedah ini gagal disebabkan oleh kekangan penyemak imbas. Permintaan Ajax tidak boleh mencetuskan gesaan muat turun secara langsung; sebaliknya, seseorang mesti menavigasi ke fail untuk ia berlaku.

Penyelesaian

Dua pendekatan tersedia:

1. Penggunaan window.location dan Fallback

Gunakan sifat window.location untuk menavigasi ke skrip muat turun, mencetuskan muat turun:

$.ajax({
    url: 'download.php',
    type: 'POST',
    success: function() {
        window.location = 'download.php';
    }
});

2. Atribut Muat Turun HTML5

Untuk penyemak imbas moden, atribut muat turun HTML5 boleh digunakan:

<a href="download.php" download>
  Download File
</a>

Nota:

- Atribut muat turun hanya disokong dalam Chrome, Firefox dan versi Internet yang lebih baharu Penjelajah.

- Pastikan fail yang hendak dimuat turun adalah dari asal yang sama dengan halaman hos.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetuskan Muat Turun Fail dengan Permintaan Ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!