Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
— |
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> |