Django & Jquery data communication

Salut 😉

Salut a tous les lecteurs de ce blog , salut aux développeurs.La question que l’on se pose très souvent c’est
comment je peux interagir avec django et jquery , de manière a pouvoir parser les données retournées par django
sous jquery.La première chose a savoir c’est que jQuery comme django (python je veux dire est typé) , ce qui
veut dire que les type comme __dict__ ,__list__, __string__ existe aussi bien sous python et sous jquery.
Ainsi lorsque vous exécutez le code suivant

context = [
{« un » : 1 },
{« deux »:2}
]

return  render_to_response (request , context , template)

Le code ci dessus se trouve généralement dans une __view__ django , ce qui veut en terme claire que django est entrain de passer a votre  template un __dictionnaire__.

Maintenant la grande question est comment sous jquery je peux parser ce code et l’utiliser sans problème .la réponse a cette question est extrêmement simple  , trop même.

Je vous avez dit tout a l’heure que jquery comme django est type et de plus le django template système peut être manipulé sans probleme sous jquery .

{% for village in villages %}
var point = new GLatLng(« {{ village.gmap_latitude }} », »{{ village.gmap_longitude }} »);
var marker = new LabeledMarker(point,
{ « labelText »: « {{ village.name }} »,
« labelClass »: « caption »,
« icon »: sprite2()
});
marker.bindInfoWindow(« <div><ul><li>Village :{{ village.name}}</li><li>Relay :{{     village.name}}</li><i>Message: {{ village.name}}</li></ul></div> »);
map.addOverlay(marker);
{% endfor %}

Le bout de code ci dessus par exemple parcours un __dictionnaire__  de villages dans un script Jquery.vous voyez par exemple que on peut créer un dictionnaire jQuery a partir des valeurs retournées par  la vue.L »exemple concret ci dessous me permet de positionner sur google map des villages , et des données comme les  sms  envoyés  depuis ces  villages .
Sachez donc que jquery lorsqu’il est combiné avec django peut faire plein de choses;)

Publicités

0 Responses to “Django & Jquery data communication”



  1. Laisser un commentaire

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s





%d blogueurs aiment cette page :