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

**guillaumecab** · 09/04/2020, 19h31

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

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

Nom : JSON.png
Affichages : 597
Taille : 20,6 Ko

et qui est extrait de cette page :

Nom : json2.png
Affichages : 630
Taille : 13,2 Ko

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

**Beginner.** · 10/04/2020, 00h54

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...

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...

**guillaumecab** · 10/04/2020, 11h38

Bonjour,

Merci Beginner pour ta réponse .

Voici le code JSON :

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
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.

**Beginner.** · 10/04/2020, 17h37

Salut,

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

**guillaumecab** · 10/04/2020, 18h21

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

**Beginner.** · 10/04/2020, 18h53

Ah oui il manque un "s"...
J'ai modifiè...
Ré-essaye...

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager