CSV-Datei mit Javascript exportieren und Fortschrittsbalken anzeigen

Question

Gibt es eine Möglichkeit, eine Fortschrittsanzeige anzuzeigen, während eine CSV-Datei generiert und über Ajax bereitgestellt wird? Die Erstellung der CSV-Datei dauert aufgrund der Datenbank etwas länger. Sie benötigt einen Loader auf dem Bildschirm und versteckt ihn, wenn er fertig ist. Ich möchte, dass dies Ajax ist oder wenn nötig auf derselben Seite bleibt. Im Moment mache ich das unten, aber ich kann nicht sagen, wann die Datei heruntergeladen wurde, um den Fortschritt zu stoppen.

var iframe = document.createElement("iframe"); 
       iframe.src = (value.url); 
       iframe.style.display = "none"; 
       document.body.appendChild(iframe); 

Answer 1

Wenn ich Ihre Situation richtig verstehen werden Sie eine Datei auf der Server-Seite zu erzeugen, wenn Sie eine Anfrage erhalten, auf der Festplatte speichern und sie dann von dort zu dienen. Wenn das ist, was Sie tun, haben Sie zwei Möglichkeiten:

1. -Update einige gemeinsamen Zustand (Memcached, redis, mongodb, eine SQLite-Datenbank oder eine Datei) von erzeugten Codes, wenn Sie die Datei mit der Gesamtzahl beginnen zu erzeugen der zu generierenden Zeilen und der Anzahl der Zeilen, die Sie gerade generiert haben. Machen Sie zusätzliche Ajax-Anfragen an einen Endpunkt zurück, der Ihnen die aktuellen Werte aus diesem freigegebenen Status liefert.
2. Streamen Sie die generierte CSV-Datei direkt zurück zum Client - es sei denn, das Abrufen der Daten nimmt den größten Teil der Zeit in Anspruch, dies führt zu einem schnelleren Aussehen des Downloaddialogs und einer scheinbaren Beschleunigung.