Benutzer-Werkzeuge

Webseiten-Werkzeuge


jquery:ajax:download

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

jquery:ajax:download [2024/02/02 12:29] (aktuell)
webproducer angelegt
Zeile 1: Zeile 1:
 +===== Download von Dateien per jQuery-AJAX-Aufruf =====
  
 +Es besteht auch die Möglichkeit Dateien/​Dokumente per Download über einen AJAX-Aufruf zur Verfügung zu stellen.
 +
 +<code javascript functions.js>​
 +function sendCsvFile( data )
 +{
 +    var blob=new Blob([data]);​
 +    var link=document.createElement('​a'​);​
 +    link.href = window.URL.createObjectURL(blob);​
 +    link.download = "​export_file.csv";​
 +    link.click();​
 +}
 +
 +    $(document).ready(function(){
 +        $( '#​downloadBtn'​ ).click( function() {
 +            $.ajax( {
 +                "​type":​ '​POST',​
 +                "​data":​ $('#​formular'​).serializeArray(),​
 +                "​url":​ '​ajax.php&​action=download',​
 +                success: function(data) {
 +                    sendCsvFile( data );
 +                }
 +            });
 +        } )
 +    });
 +</​code>​
jquery/ajax/download.txt · Zuletzt geändert: 2024/02/02 12:29 von webproducer