Javascript-Methode, um generierte Datei ohne Ersetzen der URL herunterladen

Question

Ich arbeite an der Generierung eines Textes & SQL-Datei, wenn der Benutzer auf Download aus der Abfrage in einem Textbereich auf dem gleichen Formular angezeigt. Ich habe den folgenden Code geschrieben. Aber das Problem ist, dass die URL ersetzt wird und die gesamte Seite nach dem Download automatisch aktualisiert wird. Aus diesem Grund können fortlaufende Operationen nicht durchgeführt werden.

Javascript-Methode

function download() { 
     var element = document.createElement('a'); 
     var filename = document.getElementById("filenameInput").value; 
     var text = document.getElementById("runquerytext").value; 
     element.setAttribute('href', 'data:text/plain;charset=utf-8,' + text); 
     element.setAttribute('download', filename); 

     element.style.display = 'none'; 
     document.body.appendChild(element); 

     element.click(); 

     document.body.removeChild(element); 
} 

Vorschläge, wie ich die erzeugte Datei herunterladen können, ohne nachzuladen/die uri Wechsel wird sehr geschätzt.

Answer 1

Wenn Sie möchten, dass jemand die Datei herunterlädt, ohne die Seite zu aktualisieren, würde ich Ihnen vorschlagen, einen iframe zu verwenden. Die Seite wird umgeleitet, weil ein "a" -Tag die Seite beim Anklicken umleitet. Also, um das dynamische iframe-Tag mit Javascript oder einem Image-Tag zu generieren. Zum Beispiel:

function download() { 
    var element = document.createElement('iframe'); 
    var filename = document.getElementById("filenameInput").value; 
    var text = document.getElementById("runquerytext").value; 
    element.setAttribute('src', 'data:application/octet-stream;charset=utf-8,' + text); 
    element.setAttribute('download', filename); 
    element.style.display = 'none'; 
    document.body.appendChild(element); 
    }