Json et page web

**Jackbalek** · 16/07/2014, 10h23

Bonjour à tous.

Je travaille sur le module flask, afin de créer un site web dynamique dans le but de d'interfacer l'ensemble de mon travail.
Je souhaiterai inclure un fichier Json dans une de mes pages web.

Voici où j'en suis:

Actuellement je crée un dictionnaire que je passe en Json, et je le retourne.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
@app.route('/test/')
def test():
     dict = {}
     dict["Nom"] = ["Petit"]
     dict["Prenom"] = ["Jean"]
     return jsonify(dict)
 
 
if __name__ == ' __main__ ':
      app.run(host='127.0.0.1',debug=True,port=5001)

Ceci marche très bien j'ai mon dictionnaire au format Json qui s'affiche sur une page web vierge.

Voilà où j'ai besoin de vous.
Moi j'aimerai inclure ce fichier Json dans une de mes pages HTML que je créé moi même.
Quelque chose dans ce style:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
@app.route('/test/')
def test():
     dict = {}
     dict["Nom"] = ["Petit"]
     dict["Prenom"] = ["Jean"]
     return render_template('test.html',js=jsonify(dict))
 
 
 
if __name__ == ' __main__ ':
      app.run(host='127.0.0.1',debug=True,port=5001)

Lorsque je réalise ceci, dans ma page 'test.html' en lieu et place de mon Json, j'obtiens la réponse suivante :

Code :

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

<Response 165 bytes [200 OK]>

En espérant d'avoir étais assez clair.

Merci à tous.

**VinsS** · 16/07/2014, 14h46

Envoyé par Jackbalek

Moi j'aimerai inclure ce fichier Json dans une de mes pages HTML que je créé moi même.
Quelque chose dans ce style:

Code :

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

1
2
3
4
5
6
7
 
@app.route('/test/')
def test():
     dict = {}
     dict["Nom"] = ["Petit"]
     dict["Prenom"] = ["Jean"]
     return render_template('test.html',js=jsonify(dict))

Là c'est du Python que tu nous montres ...

Quoiqu'il en soit, ta page test.html reçoit bien le json en argument, il faut voir ce qu'elle en fait maintenant.

**Jackbalek** · 17/07/2014, 08h57

Oui oui je suis conscient que je suis sous Python

. Désolé si je ne l'ai pas dit plus clairement.

Dans ma page HTML j'ai ceci qui s'affiche :

Code :

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

<Response 165 bytes [200 OK]>

Invité · 17/07/2014, 09h26

Bonjour,

Petite question au hasard : app.run(host='127.0.0.1', debug=False, port=5001) ça donnerait quoi ?

@+.

**Jackbalek** · 17/07/2014, 10h08

Envoyé par tarball69

Bonjour,

Petite question au hasard : app.run(host='127.0.0.1', debug=False, port=5001) ça donnerait quoi ?

@+.

Code :

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

debug=True

Ceci te permet de reload ta page automatiquement, même après avoir changer ton code.

**VinsS** · 17/07/2014, 14h02

Envoyé par Jackbalek

Oui oui je suis conscient que je suis sous Python

. Désolé si je ne l'ai pas dit plus clairement.

Dans ma page HTML j'ai ceci qui s'affiche :

Code :

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

<Response 165 bytes [200 OK]>

D'accord mais ce que fait Flask c'est ouvrir le fichier test.html, le modifier suivant les instructions que tu y as écrite à son intention (des machins comme {% block home %}) ainsi que les données json et retourner cette page modifiée au requérant.

C'est ce qui me fait dire que le problème se situe dans ta page html.

Ce code

Code :

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

1
2
3
4
5
6
7
 
@app.route('/test/')
def test():
     dict = {}
     dict["Nom"] = ["Petit"]
     dict["Prenom"] = ["Jean"]
     return render_template('test.html',js=jsonify(dict))

est classique et me semble exact.

**Jackbalek** · 17/07/2014, 14h37

C'est fort probable que ce soit un problème sous html, je suis novice dans ce sujet.

Voici un exemple de ce que je réalise dans ma page HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<html>
      <head>
		<Title>PAGE</Title>
      </head>
 
     <body>
           <p> Voici le résultat de mon json : {{js}} </p>
    </body>
 
</html>

Il y a peut être une façon spécifique de l'appeler que je ne fait pas.

**VinsS** · 18/07/2014, 08h54

Le json n'est pas utilisable directement comme cela, il faut le charger, passer les data et, dans le html, dire à Flask comment les utiliser.

Ceci :

Code :

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

1
2
3
4
5
6
7
8
 
@app.route('/fake')
def test():
     dict = {}
     dict["Nom"] = "Petit"    # ! ne pas mettre de crochets aux valeurs !
     dict["Prenom"] = "Jean"
     js = jsonify(dict)
     return render_template('fake.html', data=json.loads(js.data))

avec fake.html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<html>
      <head>
		<Title>PAGE</Title>
      </head>
     <body>
           <p> Voici le résultat de mon json : </p>
           <p>Nom: {{ data.Nom }} </p>
           <p>Prenom: {{ data.Prenom }} </p>
    </body>
</html>

Résultat:

Code :

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

1
2
3
4
5
6
 
 Voici le résultat de mon json :
 
Nom: Petit
 
Prenom: Jean

Si l'anglais ne te rebute pas, ce site est particulièrement intéressant :
http://www.realpython.com/blog/pytho...-flask-part-i/

**Jackbalek** · 18/07/2014, 09h39

Merci beaucoup VinsS. Je me doutais bien qu'il devait me manquer une étape.

Après avec votre méthode d'affichage on perd un peu le format Json. Est il possible de garder ce format. Un peu comme cela :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
{
  "Prenom": [
    "Jean", 
    "Pierre", 
    "Paul", 
    "Bernard"
  ]
  "Nom": [
    "Petit",
    "Grand",
    "Moyen"
   ]
}

**VinsS** · 18/07/2014, 10h25

Ha c'est pour ça que tu avais mis des crochets aux valeurs.

Tu peux itérer sur ces valeurs avec Flask.

Code :

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

1
2
3
 
{% for name in data.Nom %}
    ... traitement de name

Seulement si tu veux absolument passer le json tel quel c'est que tu l'utilises sous cette forme, par exemple tu as du javascript qui va traiter les données.

Si ce n'est pas le cas, Flask lui, n'a aucunement besoin des données en json, c'est du Python donc le dictionnaire de départ lui convient très bien, même mieux.

**Jackbalek** · 18/07/2014, 10h40

Oui je pensais bien que le dictionnaire était plus approprié à Flask.
C'était juste pour le côté esthétique que je souhaitais le mettre en Json.
La actuellement je travaille juste en laçant le dictionnaire dans ma page web. Mais j'aurais voulu faire la même chose avec un Json.

Rien de bien transcendant je vous l'accorde

.

Json et page web

Interfaçage autre langage Python

Discussions similaires

Partager

Partager