Générer un fichier CSV à partir d'un objet JSON

**js777** · 11/02/2020, 14h39

Bonjour,

Tout est dans le titre, j'aimerais pouvoir générer un fichier CSV à partir de l'objet JSON reçu par ma requête Ajax :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<meta charset="utf-8"/>
<html>
	<head>
		<title>This is Website Title</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>
		<script>
                        var formId = 520226
                        // Définition des paramètres de la requête HTTP
                        var settings = {
                                "async": true,
                                "crossDomain": true,
                                "url": "https://www.kizeoforms.com/rest/v3/forms/"+formId,
                                "method": "GET",
                                "headers": {
                                        "content-type": "application/json",
                                        "Authorization": "********",
                                }
                        }
 
                        // Envoi de la requête et affichage en console de la réponse
                        $.ajax(settings).done(function (response) {
                                console.log(response);
                        });
                </script>
	</head>
</html>

Merci

**NoSmoking** · 11/02/2020, 16h35

Bonjour,
il serait intéressant que tu nous mettes un extrait de l'objet JSON que tu reçois !

PS : rien à voir avec Ajax

**js777** · 11/02/2020, 16h48

Nom : json.png
Affichages : 737
Taille : 68,8 Ko

Voilà le JSON que je reçois, c'est assez conséquent, j'aimerais sélectionner les données qui m'intéresse, et ensuite les envoyer dans un fichier CSV,

**NoSmoking** · 12/02/2020, 13h54

Je présume qu'il s'agit de l'objet fields que tu souhaites traiter « partiellement » mais ...

j'aimerais sélectionner les données qui m'intéresse

c'est le premier point à régler, qu'entends tu par « sélectionner les données », de qui, de quoi ?

PS : pour tester il serait bon d'avoir un morceau représentatif de l'objet directement exploitable.

**js777** · 12/02/2020, 15h19

J'ai pu avancer, grâce à la bibliothèque FileSaver.js j'arrive à obtenir un fichier CSV avec une valeur d'une donné d'un formulaire

Voici le code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<meta charset="utf-8"/>
<html>
	<head>
		<title>This is Website Title</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>
		<script src="../FileSaver.js"></script>
		<script>
                        var formId = 566091
                        // Définition des paramètres de la requête HTTP
                        var settings = {
                                "async": true,
                                "crossDomain": true,
                                "url": "https://www.kizeoforms.com/rest/v3/forms/"+formId+"/data/readnew",
                                "method": "GET",
                                "headers": {
                                        "content-type": "application/json",
                                        "Authorization": "******",
                                }
                        }
 
                        // Envoi de la requête et affichage en console de la réponse
                        $.ajax(settings).done(function (response) {
                                console.log(response); 
                                var ssa3 = response.data[0].fields.ssa_3_a_22h00.value;
                                var blob = new Blob([ssa3], {type: "application/csv;charset=utf-8"});
                                saveAs(blob, "ssa3.csv");
                        });
                </script>
	</head>
</html>

Maintenant j'aimerais améliorer ce code pour qu'il me renvoie la valeur de ce champ pour toutes les données, j'ai commencé avec ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<meta charset="utf-8"/>
<html>
	<head>
		<title>This is Website Title</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>
		<script src="../FileSaver.js"></script>
		<script>
                        var formId = 566091
                        // Définition des paramètres de la requête HTTP
                        var settings = {
                                "async": true,
                                "crossDomain": true,
                                "url": "https://www.kizeoforms.com/rest/v3/forms/"+formId+"/data/readnew",
                                "method": "GET",
                                "headers": {
                                        "content-type": "application/json",
                                        "Authorization": "******",
                                }
                        }
 
                        // Envoi de la requête et affichage en console de la réponse
                        $.ajax(settings).done(function (response) {
                                console.log(response);
                                var ssa3 = [];
                                for (var i = 0 ; i <= response.data.length; i++) {
                                        ssa3.push(response.data[i].fields.ssa_3_a_22h00.value);
                                }
                                var blob = new Blob([ssa3], {type: "application/csv;charset=utf-8"});
                                saveAs(blob, "ssa3.csv");
                        });
                </script>
	</head>
</html>

Une boucle for pour balancer les valeur dans un tableau c'est ce qui me paraissait logique, or on me dit que i n'est pas définit dans la console, et la je bloque de nouveau :

Nom : i undefined.png
Affichages : 668
Taille : 2,4 Ko

Nom : i undefined.png
Affichages : 668
Taille : 2,4 Ko

**NoSmoking** · 12/02/2020, 18h16

for (var i = 0 ; i <= response.data.length; i++)

pourquoi mettre <=, les indices des tableaux commencent à 0 et se terminent à length-1.

Autant faire un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
const ssa3 = [];
const data = response.data;
data.forEach(function (el) {
  ssa3.push(el.fields.ssa_3_a_22h00.value);
});

ou quelque chose d'approchant en faisant peut-être des tests d'existence.

**js777** · 13/02/2020, 10h06

Merci ça fonctionne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$.ajax(settings).done(function (response) {
  				console.log(response);
  				var ssa3 = [];
  				const data = response.data;
 
  				ssa3.push("Numéro d'enregistrement,ID,Date et heure,valeur SSA3");
 
				data.forEach(function (i) {
					var heure
					ssa3.push("\r\n" + i.record_number + "," + i.id + "," + i.fields.date_et_heure.value + "," + i.fields.ssa_3_a_22h00.value);
				});
 
  				var blob = new Blob([ssa3], {type: "application/csv;charset=utf-8"});
				saveAs(blob, "ssa3.csv");
  			});

Générer un fichier CSV à partir d'un objet JSON

AJAX

Discussions similaires

Partager

Partager