Bagaimanakah Saya Boleh Mencetuskan Muat Turun Fail Menggunakan Ajax Tanpa Mengganggu Interaksi Pengguna?

Dayakan Muat Turun Fail dengan Ajax

Dalam era pengaturcaraan tak segerak, selalunya perlu memuat turun fail tanpa mengganggu interaksi pengguna. Soalan ini meneroka cara memuat turun fail menggunakan Ajax sambil menggesa pengguna untuk menyimpan fail secara setempat.

Dalam tindakan Struts2 yang disediakan, fail boleh dimuat turun menggunakan hasil strim. Walau bagaimanapun, siaran terus ke tindakan ini menggunakan jQuery akan menjadikan fail dalam penyemak imbas sebagai aliran binari. Untuk mencetuskan tetingkap muat turun fail, pendekatan berbeza diperlukan.

Penyelesaian Penyemak Imbas Moden

Pelayar moden menawarkan penyelesaian yang lebih mudah. Menggunakan API fetch(), anda boleh mendapatkan semula fail sebagai gumpalan dan mencipta URL sementara untuk dimuat turun.

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(resp => resp.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    // Set the download filename
    a.download = 'todo-1.json';
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('File download complete!');
  })
  .catch(() => alert('File download failed!'));

Pendekatan ini memerlukan penyemak imbas moden dengan sokongan untuk API fetch() dan createObjectURL() kaedah.

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