Wie kann ich mit Ajax Dateidownloads asynchron auslösen?

Dateien asynchron mit Ajax herunterladen

Beim Herunterladen einer Datei mit Ajax werden die zurückgegebenen Daten normalerweise als Binärstream angezeigt. Wenn Sie jedoch ein Datei-Download-Fenster öffnen möchten, können Sie die folgenden Schritte ausführen:

Update für moderne Browser 2019

Dieser Ansatz wird für moderne Browser empfohlen:

• Verwenden Sie die Abruf-API, um die Datei als Blob abzurufen.
• Generieren Sie eine eindeutige URL für den Blob mit window.URL.createObjectURL.
• Erstellen Sie ein Element, setzen Sie dessen href-Attribut auf die generierte URL und geben Sie den gewünschten Dateinamen mithilfe des Download-Attributs an.
• Fügen Sie das -Element hinzu. Element zum Dokumenttext hinzufügen.
• Führen Sie das Click-Ereignis auf dem aus. Element.
• Widerrufen Sie die generierte URL mit window.URL.revokeObjectURL.
• Zeigen Sie eine Meldung an, um den Benutzer darüber zu informieren, dass die Datei heruntergeladen wurde.

Codebeispiel:

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;
    a.download = 'todo-1.json';
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!');
  })
  .catch(() => alert('oh no!'));

Das obige ist der detaillierte Inhalt vonWie kann ich mit Ajax Dateidownloads asynchron auslösen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!