Extraire des données JSON depuis une URL et exploiter quelques données.

Version imprimable

2 pièce(s) jointe(s)

Bonjour,
Je voudrais pourvoir exploiter quelques données JSON que je récupère depuis une url.

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 <html> <body> <H2>Test extraction valeur JSON</H2> <p>Voici les valeurs :</p> <div id="test"></div> <script> var request = new XMLHttpRequest(); request.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var response = JSON.parse(this.responseText); document.getElementById("test").innerHTML = this.response; } }; request.open("GET", "http://192.168.1.41/json?&view=sensorupdate"); request.send(); </script> <p>Lien vers le JSON <a href="http://192.168.1.41/json?&view=sensorupdate" target="_blank">Sensor 3</a></p> </body> </html>
Ce qui me donne ceci :

Pièce jointe 554619

et qui est extrait de cette page :

Pièce jointe 554621

J'arrive donc a extraire le JSON mais je n’arrive pas a extraire seulement quelques données comme : "Name":"Déclenchement" et "Value":0 (sachant que Value peut changer d'état 0 ou 1).

Si quelqu'un peu m'aider, je suis preneur.
Merci d'avance

09/04/2020, 23h54
Beginner.

Salut,

On pourrait répondre avec les images mais ce serait mieux avec un code qu'on pourrait tester ou au moins nous donner le JSON au format texte...

Citation:

Envoyé par guillaumecab

J'arrive donc a extraire le JSON mais je n’arrive pas a extraire seulement quelques données comme : "Name":"Déclenchement" et "Value":0 (sachant que Value peut changer d'état 0 ou 1).

Il peut y en avoir plusieurs ? Tu veux tous les éléments ?

Pour récupérer le Name et Value de ton exemple : var name = reponse.Sensors[2].TaskValues[0].Name; et var val = reponse.Sensors[2].TaskValues[0].Value;...

Mais là c'est que pour cet exemple, pour un cas général il faudra une boucle...

Bonjour,

Merci Beginner pour ta réponse .

Voici le code JSON :

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
{
  "Sensors": [
    {
      "TaskValues": [
        {
          "ValueNumber": 1,
          "Name": "State",
          "NrDecimals": 0,
          "Value": 0
        }
      ],
      "TaskEnabled": "true",
      "TaskNumber": 1
    },
    {
      "TaskValues": [
        {
          "ValueNumber": 1,
          "Name": "State",
          "NrDecimals": 0,
          "Value": 0
        }
      ],
      "TaskEnabled": "true",
      "TaskNumber": 2
    },
    {
      "TaskValues": [
        {
          "ValueNumber": 1,
          "Name": "Déclenchement",
          "NrDecimals": 0,
          "Value": 0
        }
      ],
      "TaskEnabled": "true",
      "TaskNumber": 3
    }
  ],
  "TTL": 1000
}

J'ai intégré t'es 2 variables mais ça ne marche pas. je n'ai plus aucune données.

Salut,

Citation:

Envoyé par guillaumecab

J'ai intégré t'es 2 variables mais ça ne marche pas. je n'ai plus aucune données.

Ben oui c'est normal il fallait les insérer dans ton code...

Exemple :

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
<html>
<body>
    <H2>Test extraction valeur JSON</H2>
 
    <p>Voici les valeurs :</p>
 
<div id="test"></div>
<div id="res"></div>
 
 
<script>
        
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var response = JSON.parse(this.responseText);
        document.getElementById("test").innerHTML = this.response;
 
        var elem = response.Sensors[2].TaskValues[0] ;
        var name = elem.Name;
        var val = elem.Value;
        document.getElementById("res").textContent = "name: " + name +" --- Value: " + val ;
        
    }
};
request.open("GET", "http://192.168.1.41/json?&view=sensorupdate");
request.send();
        
</script>
 
 
 
<p>Lien vers le JSON <a href="http://192.168.1.41/json?&view=sensorupdate" target="_blank">Sensor 3</a></p>
 
</body>
</html>

10/04/2020, 17h21
guillaumecab

Merci pour ta réponse !

Ça ne marche toujours pas de mon coté, j'ai bien les données JSON qui s'affiche toujours mais pas les 2 valeurs que je voudrais (déclenchement et 0).
10/04/2020, 17h53
Beginner.

Ah oui il manque un "s"...
J'ai modifiè...
Ré-essaye...
10/04/2020, 18h13
guillaumecab

Super ça fonctionne :D

Merci pour ton aide!!