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

Version imprimable

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:

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 :)

11/02/2020, 16h35
NoSmoking

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

PS : rien à voir avec Ajax
11/02/2020, 16h48
js777

1 pièce(s) jointe(s)

Pièce jointe 537718

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,
12/02/2020, 13h54
NoSmoking

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

Citation:

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.

1 pièce(s) jointe(s)

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:

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:

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 :

Pièce jointe 538004

12/02/2020, 18h16
NoSmoking
Citation:

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:

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.

Merci ça fonctionne :)

Code:

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");
  			});