dimanche 19 décembre 2010

Utiliser JQuery avec ASP.Net pour afficher des statistiques

jQuery :
 est une bibliothèque JavaScript libre  qui porte sur l'interaction entre JavaScript (comprenant AJAX) et HTML, et a pour but de simplifier des commandes communes de JavaScript (source wikipedia)





Jquery est un  ensemble du code javascript qui contient des fonctions permettant à l'utilisateur de faire des animations, des effets graphiques ...




Quelques exemples :
http://visionwidget.com/tuts/webtuts/536-jquery-animation-effects-examples-tutorials.html


Notre but est  d'afficher des statistiques avec des effets visuels :

  • 66% : Android
  • 17% :Windows phone
  • 17% :Blackberry

1.  Télécharger les sources .js suivantes :
                               http://rapidshare.com/files/438144789/Scripts.rar






            2. Créer un nouveau controleur ChartController :
           
Ce controleur contient :
  • La méthode JavascriptChart()
Permet de renvoyer vers la page  JavaScriptChart.aspx
  • La méthode GetMobileStatistic() qu'on va l'expliquer prochainement.

       3. Construction de la page JavascriptChart.aspx :
http://rapidshare.com/files/438147353/JavascriptChart.aspx








Json :  (JavaScript Object Notation – Notation Objet issue de JavaScript) est un format léger d'échange de données.
Source :http://www.json.org/jsonfr.html

 jQuery.getJSON("GetMobileStatistic", null, function (items)

Cette fonction appelle la méthode GetMobileStatistic du controleur courrant ChartController





Blog de Kassis Bassem
Étudiant en génie logiciel à l'Institut National des Sciences Appliquées et Technologies ( Tunisie )




1 commentaire: