[AJAX] Mettre des données issue d'un json sous forme table

**dandy-kun** · 24/01/2015, 14h21

bonjour je test le javascript, je voudrai savoir comment enregistrer les données issue du json dans un fichier temporaire a intervalle régulier disons toute les heures, et ensuite mettre en forme les données qui m'interesse dans un tableau en html voici le code pour l'instant je récupérer bien les données.

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
<!DOCTYPE html>
<html lang="">
 
    <head>
        <meta charset="UTF-8">
        <title>App LM</title>
        <meta name="Author" content="" />
    </head>
 
    <body>
        <script type="application/javascript">
            var xhr = new XMLHttpRequest();
            try{
                xhr.open('GET','http://api.openweathermap.org/data/2.5/weather?q=London,uk',false);
                xhr.send(null);
                if(xhr.status==200)
                    var list =xhr.responseText;
                    document.write(list);
            }catch(e){
                document.write(e);
            }
        </script>
        <p>
 
        </p>
    </body>
</html>

**NoSmoking** · 24/01/2015, 22h11

Bonjour,
tu reçois en retour une chaine au "format" JSON, il te faut la parser pour avoir accès à un "vrai" objet JSON

Code :

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

1
2
3
4
var obj = JSON.parse( responseText);
for( var ind in obj){ // pour parcourir les propriétés de l'objet
  console.log( obj[ind]);
}

Concernant document.write, c'est à bannir Comprendre document.write() en JavaScript

**dandy-kun** · 25/01/2015, 00h21

merci, mais comment je fais pour écrire les données à l'intèrieur d'un tableau ?
je vois bien les infos dans les log mais j'aimerais les mettre en forme dans un tableau avec les infos qui me sont utiles et pas les autres.

**dandy-kun** · 25/01/2015, 12h57

j'arrive a accéder au élément et a les mettre dans un table, mais je souhaite accédé a l’élément name: london comment faire svp.

Code :

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

{"coord":{"lon":-0.13,"lat":51.51},"sys":{"type":3,"id":60992,"message":0.1036,"country":"GB","sunrise":1422172089,"sunset":1422203854},"weather":[{"id":803,"main":"Clouds","description":"broken clouds","icon":"04d"}],"base":"cmc stations","main":{"temp":278.45,"humidity":86,"pressure":1031.1,"temp_min":278.45,"temp_max":278.45},"wind":{"speed":1,"gust":2.8,"deg":180},"rain":{"3h":0},"clouds":{"all":80},"dt":1422185522,"id":2643743,"name":"London","cod":200}

**NoSmoking** · 25/01/2015, 19h58

Cela revient à avoir le JS suivant

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
42
43
var obj = {
  "coord": {
    "lon": -0.13,
    "lat": 51.51
  },
  "sys": {
    "type": 3,
    "id": 60992,
    "message": 0.1036,
    "country": "GB",
    "sunrise": 1422172089,
    "sunset": 1422203854
  },
  "weather": [{
    "id": 803,
    "main": "Clouds",
    "description": "broken clouds",
    "icon": "04d"
  }],
  "base": "cmc stations",
  "main": {
    "temp": 278.45,
    "humidity": 86,
    "pressure": 1031.1,
    "temp_min": 278.45,
    "temp_max": 278.45
  },
  "wind": {
    "speed": 1,
    "gust": 2.8,
    "deg": 180
  },
  "rain": {
    "3h": 0
  },
  "clouds": {
    "all": 80
  },
  "dt": 1422185522,
  "id": 2643743,
  "name": "London",
  "cod": 200
}

donc pour récupérer le name, c'est obj.name ou encore obj['name'] et pour le reste le même principe.

**dandy-kun** · 26/01/2015, 10h23

j'ai un problème si un élèment du json contient par exemple @id je ne peut pas acceédé a l'élèment
j'ai ccette erreur index.html:35 Uncaught SyntaxError: Unexpected token ILLEGAL
comment enlevé les @? merci

[AJAX] Mettre des données issue d'un json sous forme table

AJAX

Vue hybride

Discussions similaires

Partager

Partager