[ExtJS4.2.1] Sauvegarder des données dans un fichier ?

Version imprimable

Bonjour à tous,

J'ai des données au format CSV récupérées depuis une requête AJAX que je voudrais sauvegarder dans un fichier sur le HDD client, je ne trouve pas comment faire ?

Quelqu'un aurait-il une idée ?
j'ai trouvé des infos comme quoi il serait préférable de passer par une Form invisible mais hélas le contenu est affiché au lieu de me proposer le prompt de sauvegarde du navigateur.

Voici l'exemple avec la form invisible mais hélas le prompt n'apparaît pas et m'affiche la page CSV

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
        var hiddenForm = Ext.create('Ext.form.Panel', {
            title           : 'hiddenForm',
            standardSubmit  : true,
            url             : 'data/export/data.php',
            timeout         : 120000,
            height          : 0,
            width           : 0,
            hidden          : true /*,
            items           : [
                                {xtype:'hiddenField', name:'field1', value:'field1Value'}
                                // additional fields
            ]*/
 
        });
 
        hiddenForm.getForm().submit();

Et voici le code via une requête AJAX

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
        Ext.Ajax.request({
            url: 'data/export/data.php',
            params: {
                query   : PatentPulse.CurrentQuery,
                facet   : $wtFacet,
                fq      : PatentPulse.CurrentFacet,
                fl      : 'pn,pd,tien',
                rows    : 2000,
                start   : 0,
                format  : 'csv'
            },
            success: function (data, aAction) {
                // Opérations en cas de succès de la requête
                console.log('success');
                console.log(data);  <===== QUE METTRE ICI POUR SAUVEGARDER "DATA" DANS UN FICHIER
            },
            failure: function (data, aAction) {
                // Opérations en cas d'échec de la requête
                console.log('failure!');
            }
        });

D'avance merci pour vos réponses,

Amicalement,
Bruno

:P alors voici la solution pour la méthode Form invisible !

Il faut ajouter avant de faire le echo final:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
$myCurl = curl_init($url);
curl_setopt($myCurl, CURLOPT_FOLLOWLOCATION, 1);
curl_setopt($myCurl, CURLOPT_RETURNTRANSFER, 1);
$content = curl_exec($myCurl);
curl_close($myCurl);
 
header('Content-Type: application/vnd.ms-excel');
header('Content-Disposition: attachment;filename='.$filename);
header('Cache-Control: max-age=0');
 
echo $content;

18/09/2014, 09h59
sekaijin

tu peux aussi jouer avec les data urls

Code:

<a href="data:application/vnd.ms-excel;…9kaXY+Cgk8L2JvZHk+PC9odG1sPg==" download="Report.xls">click to download</a>

A+JYT
18/09/2014, 10h59
Bruno13

Salut,

heu là j'avoue que je ne comprends pas trop ce que tu m'expliques mais bon j'ai pas encore cherché ce que sont les data urls :)
18/09/2014, 14h45
sekaijin

http://tools.ietf.org/html/rfc2397

les data url sont des url dont le scheme est data:
le reste de l'url constitue le contenu de la réponse avec des couple attributs valeurs pour les headers suivi du contenu
data:text/plain;charset=iso-8859-1;Bonjour%20le%20Monde.

si ton navigateur invoque cette url il va recevoir en retour Bonjour le Monde avec le mime type text dans le charset latin-1

ça reste purement local au navigateur
mais ça reste limité par la taille max d'une url dans le navigateur
ainsi IE9 est donnée pour 2083 (2ko) chrome supporte plus de 11600

A+JYT
18/09/2014, 15h20
Bruno13

Ok merci pour ce complément d'information !

Mise à part ça, cela ne me convient pas car j'ai parfois de gros volumes à sauvegarder :)

Amitiés,
Bruno