Wie kann ich mit Ajax Dateien in einer Struts2-Anwendung asynchron herunterladen?

Asynchroner Dateidownload mit Ajax

Problem:

In einer Struts2-Anwendung ruft ein jQuery-Ajax-Aufruf binäre Stream-Daten ab stellt eine herunterzuladende Datei dar, aber Benutzer können die Datei nicht speichern lokal.

Lösung:

Moderner Browser-Ansatz (2019 und höher)

Für moderne Browser kann ein vereinfachter Ansatz verwendet werden übernommen werden:

1. Verwenden Sie die fetch()-API, um die abzurufen Datei:

   fetch('https://jsonplaceholder.typicode.com/todos/1')
     .then(resp => resp.blob())

   Nach dem Login kopieren

2. Erstellen Sie eine Objekt-URL für die Datei:

     .then(blob => {
    const url = window.URL.createObjectURL(blob);

   Nach dem Login kopieren

3. Erstellen Sie ein verstecktes Element und legen Sie seine Attribute fest:

    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    a.download = 'todo-1.json';

   Nach dem Login kopieren

4. Fügen Sie das Element an das Dokument an und klicken Sie darauf:

    document.body.appendChild(a);
    a.click();

   Nach dem Login kopieren

5. Entfernen Sie die Objekt-URL :

    window.URL.revokeObjectURL(url);

   Nach dem Login kopieren

6. Benachrichtigen Sie den Benutzer über den Erfolg Download:

    alert('your file has downloaded!');

   Nach dem Login kopieren