Json et page web

Version imprimable

Json et page web

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:

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:

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:

<Response 165 bytes [200 OK]>

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

Merci à tous.

16/07/2014, 14h46
VinsS
Citation:
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:

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.
17/07/2014, 08h57
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:

<Response 165 bytes [200 OK]>
17/07/2014, 09h26
Invité

Bonjour,

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

@+.
17/07/2014, 10h08
Jackbalek

Citation:

Envoyé par tarball69

Bonjour,

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

@+.

Code:

debug=True

Ceci te permet de reload ta page automatiquement, même après avoir changer ton code.
17/07/2014, 14h02
VinsS
Citation:

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:

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

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.
17/07/2014, 14h37
Jackbalek
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:

1 2 3 4 5 6 7 8 9 10 11 <html> <head> <Title>PAGE</Title> </head> <body> Voici le résultat de mon json : {{js}} </body> </html>
Il y a peut être une façon spécifique de l'appeler que je ne fait pas.

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:

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:

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

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/

18/07/2014, 09h39
Jackbalek
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:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 { "Prenom": [ "Jean", "Pierre", "Paul", "Bernard" ] "Nom": [ "Petit", "Grand", "Moyen" ] }
18/07/2014, 10h25
VinsS
Ha c'est pour ça que tu avais mis des crochets aux valeurs.

Tu peux itérer sur ces valeurs avec Flask.
Code:

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.
18/07/2014, 10h40
Jackbalek

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