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/

Json et page web

Interfaçage autre langage Python

Vue hybride

Discussions similaires

Partager

Partager