Tableau avec un retour JSON

Version imprimable

26/01/2018, 14h15
Castiel777

1 pièce(s) jointe(s)

Tableau avec un retour JSON

Bonjour,

je cherche à construire un tableau qui traite mon retour JSON ligne par ligne. Un screen pour mieux comprendre.

Pièce jointe 345899

Les infos de 0 correspondrait à une ligne de mon tableau, les infos de 1 à la ligne du dessous et ainsi de suite... Comment je procède pour faire ceci dans mon success .ajax ?

Un .each est la solution ?
26/01/2018, 14h51
SpaceFrog

oui boucler sur le json avec un $.each()
26/01/2018, 15h03
Castiel777

Je n'arrive pas à obtenir les valeurs de mon tableau :/
dans mon script php j'ai $dataResult["TabResult"][]=$dataLigne;
pour moi les valeurs sont stockés dans [] mais je n'sais pas comment faire
quand je fais un data.TabResult, dans tout mon tableau j'ai [object x $i car je fais un for :s
Une idée ?
26/01/2018, 15h14
SpaceFrog

Colle nous la structure de ton json (pas en image, mais en code ) avec du faux contenu ...
je te ferai un fiddle pour te montrer comment l'exploiter.
26/01/2018, 15h19
Castiel777

Voilà mon script php où je traite mon json

je n'arrive pas à accéder au tableau du tableau pour avoir les informations
26/01/2018, 15h37
SpaceFrog

Non en fait-il faudrait juste le résultat de

Code:

echo json_encode($dataResult);
26/01/2018, 15h41
Castiel777

Le résultat est au dessus, j'en ai fait un screen depuis l'outil dev de firefox
26/01/2018, 16h04
SpaceFrog

:roll:

Citation:

(pas en image, mais en code )

voilà, excuse moi je n'avais pas compris :D
ce que je souhaite c'est parcourir 0:{...} pour récupérer les informations et en faire une ligne dans un tableau

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
35
36
37
38
39
40
41
42
43
0:[]
NbLigneTot:2
TabResult:[…]
0:{…}
NI:blabla
TypeInt:R
Auth:O
NF:54656489
TDoc:Devis
MtTotDoc:20.00
NDoc:blabla
CCli:blabla
NCli:blablaU
DCreat:30-11-2017
HCreat:08:32:17
DValid:30-11-2017
HValid:11:07:27
CodeDem:blabla
CodeVal:blabla
Tentative:3
CE:No answer
Envoi:N
Mess:
1:{…}
NI:blabla
TypeInt:R
Auth:O
NF:5454654646
TDoc:Devis
MtTotDoc:20.00
NDoc:blabla
CCli:blabla
NCli:blabla
DCreat:04-12-2017
HCreat:10:58:47
DValid:04-12-2017
HValid:15:38:19
CodeDem:blabla
CodeVal:blabla
Tentative:3
CE:No answer
Envoi:N
Mess:

Bonjour,
cela te coûte vraiment de mettre ce que tu reçois car là c'est une représentation vu dans la console donc il faut que l'on interprète et décode :aie:

Si je présume bien tu reçois quelque chose qui pourrai s'écrire

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
35
36
37
38
39
40
41
42
43
44
45
46
var data = [{
  NbLigneTot: 2,
  TabResult: [{
      NI: "blabla",
      TypeInt: "R",
      Auth: "O",
      NF: 54656489,
      TDoc: "Devis",
      MtTotDoc: "20.00",
      NDoc: "blabla",
      CCli: "blabla",
      NCli: "blablaU",
      DCreat: "30-11-2017",
      HCreat: "08:32:17",
      DValid: "30-11-2017",
      HValid: "11:07:27",
      CodeDem: "blabla",
      CodeVal: "blabla",
      Tentative: 3,
      CE: "No answer",
      Envoi: "N",
      Mess: ""
    },
    {
      NI: "blabla",
      TypeInt: "R",
      Auth: "O",
      NF: 5454654646,
      TDoc: "Devis",
      MtTotDoc: "20.00",
      NDoc: "blabla",
      CCli: "blabla",
      NCli: "blabla",
      DCreat: "04-12-2017",
      HCreat: "10:58:47",
      DValid: "04-12-2017",
      HValid: "15:38:19",
      CodeDem: "blabla",
      CodeVal: "blabla",
      Tentative: 3,
      CE: "No answer",
      Envoi: "N",
      Mess: ""
    }
  ]
}]

donc il te faut au départ t’intéresser à ce qu'il y à dans data[0] pour atteindre le tableau TabResult et ensuite les objets contenus dans celui-ci, un objet par indice.

Mais peut-être me trompe je sur le format obtenu !?!

28/01/2018, 15h34
psychadelic

Citation:

Envoyé par Castiel777

Voilà mon script php où je traite mon json

je n'arrive pas à accéder au tableau du tableau pour avoir les informations

Ou ça le Script ???? :?
29/01/2018, 08h09
SpaceFrog

Sans le format réel sous forme de code, il ne nous est pas possible de faire grand chose d'autre que spéculer ...

Bonjour,

c'est mon script php qui fait la réponse JSON, je ne comprends pas le code que tu veux que je fournisse.
Dans mon .ajax, j'ai ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $.ajax({ "url":"ConsultFax.php", "type":"POST", "data":{ "id": id, "empCache": <?php echo mktime(); ?>, "NumInt": NumInt, "NomCli": NomCli, "FaxMail": FaxMail, "TypeRech": TypeRech, "TypeDoc": TypeDoc, "EtatFax": Option, "DateCreaDeb": DateCreaDeb, "DateCreaFin": DateCreaFin, "DevisNonRep": DevisNonRep }, "dataType":"json", "success":function(data){ if(data.NbLigneTot <= 1) $("#ligneTot").text( data.NbLigneTot + " ligne trouvée"); else $("#ligneTot").text( data.NbLigneTot + " lignes trouvées"); var table = new Array(); $.each(data, function( index, value ){ alert( data[index] ); }); } });
Lorsque je test le alert, j'ai :
- Une première fenêtre alert vide,
- "8"
- [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ce que je souhaiterai avoir en alert c'est mes données NI, TypeInt est...

29/01/2018, 09h31
SpaceFrog

Regarde en console ...
la réponse json (onglet XML => réponse), mais intégrale sous forme de code ... pas sous forme d'objet
29/01/2018, 09h33
Castiel777
Aaaah d'accord :D excusez moi :/

voilà le résultat :

Code:

{"0":[],"NbLigneTot":2,"TabResult":[{"NI":"dqsdqsqsd","TypeInt":"R","Auth":"O","NF":"sdqdqsdqs","TDoc":"Devis","MtTotDoc":"20.00","NDoc":"qsdqsdqs","CCli":"dsqdsqdqs","NCli":"dsqdqsdsq","DCreat":"30-11-2017","HCreat":"08:32:17","DValid":"30-11-2017","HValid":"11:07:27","CodeDem":"ezaz","CodeVal":"azea","Tentative":"3","CE":"No answer","Envoi":"N","Mess":""},{"NI":"eazeazeaz","TypeInt":"R","Auth":"O","NF":"eazeazeaz","TDoc":"Devis","MtTotDoc":"20.00","NDoc":"ezaeazeza","CCli":"ezaeazeza","NCli":"ezaezaeza","DCreat":"04-12-2017","HCreat":"10:58:47","DValid":"04-12-2017","HValid":"15:38:19","CodeDem":"azea","CodeVal":"azea","Tentative":"3","CE":"No answer","Envoi":"N","Mess":""}]}

Lorsque je fais ceci :
Code:

1 2 3 $.each(data.TabResult, function( index, value){ console.log(index + '=' + value); });
j'obtiens :

0=[object Object]
1=[object Object]
2=[object Object]
3=[object Object]
4=[object Object]
5=[object Object]
6=[object Object]
7=[object Object]
29/01/2018, 10h02
SpaceFrog

Un exemple avec Jquery
https://jsfiddle.net/g9xawo3t/1/
29/01/2018, 10h07
Castiel777

Exactement ça !
Merci beaucoup, je passe en résolu

bonne journée
29/01/2018, 10h31
Castiel777

Ah, par contre il n'affiche pas [0] :/
29/01/2018, 10h38
SpaceFrog

Ben je suis parti de l'idée que la tableau était contenu dans "TabResult"

Code:

$.each (respJSON.TabResult,

dans 0 y'a rien dans ton exemple ..
29/01/2018, 10h42
Castiel777

pourtant quand tu regardes ce que tu as fait, "NbLigneTot": 8, il manque donc une ligne dans le tableau, il commence à [1] et non [0]
29/01/2018, 10h49
SpaceFrog

En effet il faut juste retirer le else
https://jsfiddle.net/g9xawo3t/2/
29/01/2018, 10h52
Castiel777

Oui j'avais trouvé :)
Merci beaucoup à toi !
Bonne journée à tous.
29/01/2018, 11h41
Castiel777

Dernière petite chose,

j'aimerai récupérer la valeur MtTotDoc, en faire une somme et l'afficher dans un input. Dans le cas Fax, MtTotDoc ce situe à [5], dans l'autre cas, il se situe à [6] dans mon tableau, comment récupérer cette valeur ? je suis dessus depuis 30 min, pas moyen de la récup...
29/01/2018, 13h21
SpaceFrog

En testant l'indexe et en incrémentant une variable
https://jsfiddle.net/g9xawo3t/3/
30/01/2018, 09h25
Castiel777

1 pièce(s) jointe(s)

Ton aide est précieuse SpaceFrog merci beaucoup.
Cependant, je reviens sur mon sujet car j'ai besoin de ce tableau sous un format spécifique. En fait, j'aimerai construire moi même la ligne de titre, et créer chaque ligne des données json dans les bonnes colonnes, par exemple, dans ma 1er colonne, je dois avoir un bouton pdf pour accéder au pdf du dossier, ensuite colonne suivante j'ai Num Intervention qui remplace NI, j'ai des données du json dont je n'ai pas besoin aussi, c'est le cas pour Auth et TypeInt etc... alors qu'actuellement, je parcours le tableau, la colonne titre est prise du json, j'ai 2 colonnes qui seront des checkbox Validé et Envoyé et à la fin de chaque j'aurai, j'aurai 1 ou 2 bouton 'Modifier' et 'Suppr'.

voilà ma ligne titre: Pièce jointe 346770
la 1er case est vide car je dois y mettre un bouton pdf
et cette ligne est dans le cas d'un mail, si je suis dans le cas d'un fax, je n'aurai pas adresse Adresse Expéditeur et Adresse Destinataire mais Num Fax enfin bref ça je saurai le faire

Pour résumer, je cherche à créer moi même ma ligne titre et de parcourir mon tableau pour mettre les données dans la bonne colonne.

Ton code est super SpaceFrog, c'est ce que je souhaitais au départ, mais je me suis rendu compte de cela, je cherche à le faire avec ton code mais je n'y parviens pas, c'est pourquoi je reviens vers vous.

Merci d'avance.
30/01/2018, 09h46
SpaceFrog

Je poursuis sur l'exemple ...

Avec création d'un bouton dans la colonne NI et attribution d'un click sur le bouton qui affiche la ref NI en console

A toi d'utiliser la ref pour rajouter le .pdf et faire un window.open, ou créer une balise a et colle le lien href qui va bien
https://jsfiddle.net/g9xawo3t/4/
30/01/2018, 09h56
Castiel777

Pour le bouton c'est parfait, j'avais pensé au switch.
Actuellement ce qui me pose problème c'est la ligne titre (que j'ai screen au dessus) qui est en static, directement écrite en html, où la colonne titre JSON MtTotDoc corresponde à ma colonne Total Imprimé et ainsi de suite, j'ai besoin de parcourir le tableau tout en ignorant certaine valeur du tableau pour coller à la ligne titre
30/01/2018, 10h02
SpaceFrog

Dans mon code la ligne titre est générée dynamiquement dasn le

Code:

if (line == 0){

il suffit de rajouter un switch a cet endroit dasn le header pour afficher ou non les titre ou les colonnes , et répercuter les même case dans le switch au dessous pour l'ajout des td de lignes ..
30/01/2018, 10h38
Castiel777

1 pièce(s) jointe(s)

Super avec un switch ça fonctionne !
Par contre comment supprimer une colonne que je ne souhaite pas ? Les cases vides veulent dire que je souhaite enlever la colonne, je peux faire ça dans le switch ?
Pièce jointe 346824

Tout simplement dans le switch case tu enumères les colonne a supprimer et tu ne fais rien dasn el case, au dernier tu mets le break

Code:

1
2
3
4
5
6
7
8
9
10
11
 
$.each( eltjson, function(titre, elt){     
  switch (titre) {
        case : "col3";
        case : "col4";
        case : "col6";
                  break;
        default: $cell=$('<td/>').html(titre);}
}
  $header.append($cell);  
});

30/01/2018, 14h47
Castiel777

2 pièce(s) jointe(s)

J'ai fait autrement SpaceFrog, ça me donne le résultat que je veux mais merci :)
Je bloque sur une dernière chose depuis quelques heures, c'est l'ajout de 3 colonnes dans ce tableau créé dynamiquement et je ne vois pas comment faire, j'ai tenté des truc fou genre case -1 :D

bref j'obtiens ceci : Pièce jointe 346992

et je souhaite ceci : Pièce jointe 346995

comment je procède sur un tableau dynamique ?
30/01/2018, 15h12
SpaceFrog

https://jsfiddle.net/g9xawo3t/6/
06/02/2018, 09h37
Castiel777

Bonjour !

je reviens vers vous pour une fonctionnalité que j'ai bien recherché mais que je n'arrive pas à appliquer.
Sur mon tableau, quand j'ai beaucoup de ligne, je peux descendre avec l'ascenseur, l'utilisateur peut se perdre en ne voyant pas la ligne titre, alors j'aimerai la figer, qu'elle reste visible quand l'utilisateur va chercher plus bas dans les lignes trouvées. J'aimerai également faire ça pour la 1er colonne, Num Int, quand l'utilisateur fait partir l'ascenseur vers la droite, la colonne Num Int reste affichée à gauche du tableau.

Comment puis-je procéder ?

Merci d'avance !

https://www.developpez.com/template/kit/kitwarning.png Ton nouveau soucis n'a rien à voir avec la discussion originale, merci d'ouvrir une nouvelle discussion !

Cela nuit grandement à la qualité du forum : notamment, lors d'une recherche, tout le contenu du fil n'est pas indiqué dans le titre, elle devient donc plus ardue.