AJAX et l'objet XmlHttpRequest

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "AJAX et l'objet XmlHttpRequest"

Transcription

1 AJAX et l'objet XmlHttpRequest Sommaire I- Introduction II- Requêtes synchrones et asynchrones III- L'objet XmlHttpRequest - IV- Utilisation de l'objet V- Premier exemple - VI- Passer des paramètres au script PHP VII- Interroger une base de données VIII- Conclusion - P.1 P.2 P.2 P.3 P.4 P.6 P.10 P.16 I- Introduction L AJAX (Asynchronous Javascript And XML) et un concept permettant de faire des appels asynchrones au serveur depuis le client. Lors de ces appels, le serveur retournera du XML qui sera «récupéré» par javascript et traité. Ceci peut être utile lorsque l on veut exécuter un script PHP sans recharger la page en entière (pour par exemple interroger la base de données au fur et à mesure d une saisie dans une textbox). En effet, le langage JavaScript est exécuté du côté client et non serveur, c est là que tout se joue, pour exécuter un script PHP, le code JavaScript fera appel au script PHP, récupèrera les informations retournés par celui-ci et les affichera. Ce code sera exécuté du côté client, donc aucun rechargement de la page. Voici plusieurs possibilités de l AJAX : -Insérer données dans une base. -Listes déroulantes liées. -Contrôle de formulaire. -Modification du contenu de la page en cours -etc 1

2 II- Requêtes synchrones et asynchrones Avant de rentrer dans les détails, il faut savoir ce qu est une requête synchrone et asynchrone, ou du moins connaitre la différence entre les deux. Comme son nom l indique, AJAX permet d envoyer des requêtes asynchrones au serveur, mais il peut très bien envoyer des requêtes synchrones. Pour choisir entre les 2, c est le troisième paramètre de la méthode open() (voir chapitre 3- Utilisation de l objet) qui gère cela. Le mode asynchrone est surement celui qui est utilisé le plus souvent, en effet celui-ci permet de ne pas figer la page lorsque le script php s exécute et communique avec le serveur. Au contraire, le mode synchrone lui fige la page le temps que le script s exécute. Ce mode est donc réservé pour de petits scripts, qui ne mettront pas longtemps à s exécuter. En cas de doute, il vaut mieux utiliser l asynchrone. III- L'objet XmlHttpRequest AJAX utilise un composant embarqué dans maintenant la plupart des navigateurs Web. En fonction de ceux-ci, il peut y avoir un comportement varié, voir un résultat non voulu (inutile de rappeler que dans le développement Web, il faut vérifier que tout soit fonctionnel sur différent navigateur..). Pour utiliser AJAX, nous allons donc utiliser un objet XmlHttpRequest qui va nous permettre de faire des requêtes http pour échanger du XML avec le serveur. Code : //Création de l objet XmlHttpRequest var xhr = null; if(window.xmlhttprequest) // Firefox et autres xhr = new XMLHttpRequest(); else if(window.activexobject){ // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); else { // XMLHttpRequest non supporté par le navigateur alert("votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; 2

3 On peut constater que Internet Exporer se démarque des autres, en effet, celui-ci utilise ActivX, néanmoins aucun message de sécurité ne sera affiché pour ce genre de script. IV- Utilisation de l'objet Nous avons donc créé notre objet nommé xhr prêt à être utilisé, pour cela, nous avons à disposition différentes propriétés et méthodes : open(«methode», «url»,flag) Description : Ouvre la connexion avec le serveur. -Methode : «GET» ou «POST». -url : l url vers le script php en question (si methode GET, les paramètres doivent être fournis dans l url). -flag : true pour un dialogue asynchrone, sinon false. setrequestheader(«nom», «valeur») Description : Assigne une valeur à un header HTTP qui sera envoyé lors de la requête. Par exemple pour un POST : -nom : «Content-Type» -valeur : «application/x-www-form-urlencoded» send(«parametre») Description : Envoi la requête au serveur -parametre : null pour méthode GET -parametre : «nomparam1=valeurparam1&nomparam2=etc..» pour méthode POST abort() Description : Abandonne la requête onreadystatechange Description : Ici, on va lui affecter une fonction à nous qui sera exécutée à chaque changement d état de notre objet. readystate Description : C est cette propriété qui sera testé dans onreadystatechange. Elle représante l état de l objet : 0 : non initialisé. 1 : Ouverture (open() vien de s exécuter). 2 : Envoyé (send() vient de s exécuter). 3 : En cours (La requête est envoyée, en attente de la réponse du serveur). 4 : Prêt (toutes les données sont chargées). 3

4 status Description : C est le code de la réponse du serveur 200 : OK 404 : Page non trouvée Etc.. statustext Description : Message associé à status. responsetext Description : Réponse retournée par le serveur, au format texte. responsexml Description : Réponse retournée par le serveur, au format XML. V- Premier exemple Maintenant que nous avons vu les différentes méthodes et propriétés, un petit exemple s impose. Le but de cet exemple est basique : on clique sur un bouton, celui ci utilise AJAX pour exécuter un script PHP, le résultat est affiché sous forme d'alert(). La compréhension du code n'est pas très compliqué : index.html <html> <head> <title>tuto AJAX [DevBBS]</title> <script type='text/javascript'> /** * Construction de l objet */ function getxhr(){ var xhr = null; if(window.xmlhttprequest) // Firefox et autres xhr = new XMLHttpRequest(); else if(window.activexobject){ // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); catch (e){ xhr = new ActiveXObject("Microsoft.XMLHTTP"); 4

5 else { // XMLHttpRequest non supporté par le navigateur alert("votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; return xhr /** * Méthode qui sera appelée sur le click du bouton */ function go(){ var xhr = getxhr() // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readystate == 4 && xhr.status == 200){ alert(xhr.responsetext); xhr.open("get","ajax.php",true); xhr.send(null); </script> </head> <body> <input type='button' value='goo!!' onclick='go()' /> </body> </html> ajax.php : <?php echo "Appel de PHP reussi avec AJAX :D";?> Script PHP tout con mais cela montre bien que celui ci est exécuté sans rechargement de page. A noter qu il n y a pas besoin de recharger index.html après avoir modifié le script PHP. Celui-ci étant rappelé à chaque clique sur le bouton, il sera rafraichi. 5

6 VI- Passer des paramètres au script PHP Il est bien entendu possible de passer des paramètres au script PHP, afin que son exécution le rendre plus dynamique. On a vu les différentes méthodes et propriétés mis à notre disposition pour utiliser notre objet, vous avez peut être déjà compris comment on enverra nos paramètre. Pour une méthode GET : Pour passer des paramètre à la méthode GET, nous allons utiliser la méthode open(). Pour rappel : open(«methode», «url»,flag) Description : Ouvre la connexion avec le serveur. -Methode : «GET» ou «POST». -url : l url vers le script php en question (si methode GET, les paramètres doivent être fournis dans l url). -flag : true pour un dialogue asynchrone, sinon false. Le passage des paramètres se fait donc via l url (rien d extraordinaire je le sais ^^). Imaginons une textbox d id param. Pour envoyer le contenu de cette textbox nous procèderons come suit : Code : var param = document.getelementbyid("param").value; var url = "ajax.php?p="; xhr.open("get",url+param,true) ; xhr.send(null); Simple non? Voici la nouvelle function appel_ajax() : Code : function appel_ajax(){ var xhr = getxhr() // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readystate == 4 && xhr.status == 200){ //Ici sera afficher le résultat de notre script PHP ajax.php alert(xhr.responsetext); var param = document.getelementbyid("param").value; var url = "ajax.php?p="; 6

7 xhr.open("get",url+param,true) ; xhr.send(null); Il est aussi possible d ajouter un paramètre à la fonction appel_ajax(), par exemple : Code : function appel_ajax(param){ var xhr = getxhr() [ ] var url = "ajax.php?p="; xhr.open("get",url+param,true) ; xhr.send(null); Pour une méthode POST : Pour envoyer des paramètre avec la méthode POST c est la fonction send() qui nous intéresse : send(«parametre») Description : Envoi la requête au serveur -parametre : null pour méthode GET -parametre : «nomparam1=valeurparam1&nomparam2=etc..» pour méthode POST Rien de bien compliqué, il suffit de remplir le paramètre de la méthode send() par le(s) paramètre(s) voulu : Code : var param = document.getelementbyid("param").value; var url = "ajax.php"; xhr.open("post",url,true) ; xhr.setrequestheader('content-type','application/x-www-form-urlencoded'); xhr.send("param="+param); Attention toutefois à bien définir la propriété setrequestheader lorsque l on veut envoyer des paramètres par la méthode POST, c est la seul différence qu il y a avec la méthode GET. 7

8 Codes de ces exemples : index.html <html> <head> <title>tuto AJAX [DevBBS]</title> <script type='text/javascript'> /** * Construction de l objet */ function getxhr(){ var xhr = null; if(window.xmlhttprequest) // Firefox et autres xhr = new XMLHttpRequest(); else if(window.activexobject){ // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); else { // XMLHttpRequest non supporté par le navigateur alert("votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; return xhr /** * Méthode qui sera appelée sur le click du bouton */ function appel_ajax(){ var xhr = getxhr() // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readystate == 4 && xhr.status == 200){ //Ici sera afficher le résultat de notre script PHP ajax.php alert(xhr.responsetext); if(document.formmeth.methode[0].checked){//methode GET var param = document.getelementbyid("param").value; var url = "ajax.php?p="; xhr.open("get",url+param,true) ; xhr.send(null); if(document.formmeth.methode[1].checked){//methode POST 8

9 var param = document.getelementbyid("param").value; var url = "ajax.php"; xhr.open("post",url,true) ; xhr.setrequestheader('content-type','application/x-www-formurlencoded'); xhr.send("param="+param); </script> </head> <body> <form name="formmeth"> Choisissez une methode : <input type="radio" name="methode" id="meth" value="mget" checked>get</input><input type="radio" name="methode" id="meth" value="mpost">post</input></form><br> Paramètre : <input type="text" id="param"> <input type='button' value='envoyer la requête' onclick="appel_ajax()" /> </form> </body> </html> ajax.php <?php if(isset($_get["p"])){ echo "Appel de PHP reussi avec AJAX :D.\n"; if($_get["p"]!=null) echo "Param : ".$_GET["p"]." \n"; else echo "Pas de parametre\n"; echo "Methode : GET"; elseif(isset($_post["param"])){ echo "Appel de PHP reussi avec AJAX :D.\n"; if($_post["param"]!=null) echo "Param : ".$_POST["param"]." \n"; else echo "Pas de parametre\n"; echo "Methode : POST";?> 9

10 VII- Interroger une base de données Nous allons voir maintenant comment interroger une base de données grâce à AJAX, et donc sans recharger la page. Rien ne vaut un petit exemple pour bien comprendre. Créez une base de données nommée «ajaxdevbbs» et exécutez ce code SQL (ceci afin de créer et remplir les tables qui nous seront utiles pour l exemple) : Code : phpmyadmin SQL Dump version Serveur: localhost Généré le : Mer 01 Avril 2009 à 15:58 Version du serveur: Version de PHP: SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO"; Base de données: `ajaxdevbbs` Structure de la table `doc` CREATE TABLE `doc` ( `id` int(2) NOT NULL auto_increment, `id_rub` int(2) NOT NULL, `doc` varchar(100) NOT NULL, `url` varchar(150) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=21 ; Contenu de la table `doc` INSERT INTO `doc` (`id`, `id_rub`, `doc`, `url`) VALUES (1, 1, 'Du bon usage de la Piraterie.pdf', 'ftp://hackbbs.org/u.c.h- Publications/Du%20bon%20usage%20de%20la%20Piraterie.pdf'), (2, 1, 'L''Ethique Hacker.pdf', 'ftp://hackbbs.org/u.c.h- 10

11 Publications/L%27Ethique%20Hacker.pdf'), (3, 1, 'Le Chemin vers Hackerdom.pdf', 'ftp://hackbbs.org/u.c.h- Publications/Le%20Chemin%20vers%20Hackerdom.pdf'), (4, 1, 'Les Lois de Murphy.pdf', 'ftp://hackbbs.org/u.c.h- Publications/Les%20Lois%20de%20Murphy.pdf'), (5, 1, 'Libre comme dans Liberte.pdf', 'ftp://hackbbs.org/u.c.h- Publications/Libre%20comme%20dans%20Liberte.pdf'), (6, 1, 'Un Manifeste Hacker.pdf', 'ftp://hackbbs.org/u.c.h- Publications/Un%20Manifeste%20Hacker.pdf'), (7, 2, 'Cours Algorithmie et C BTS IRIS.rar', 'ftp://hackbbs.org/documentation%20c/cours%20algorithmie%20et%20c%20bts%20iris.rar'), (8, 2, 'Initiation au langage C.pdf', 'ftp://hackbbs.org/documentation%20c/initiation%20au%20langage%20c.pdf'), (9, 2, 'O''Reilly - The C Programming Language.pdf', 'ftp://hackbbs.org/documentation%20c/o%27reilly%20- %20The%20C%20Programming%20Language.pdf'), (10, 3, 'Les Bases du Langage C# (Cours Hackbbs - vodkanux)', 'ftp://hackbbs.org/documentation%20c%23/les%20bases%20du%20langage%20c%23%20(cou rs%20hackbbs%20-%20vodkanux).doc'), (11, 3, 'O''Reilly - Programming C#.pdf', 'ftp://hackbbs.org/documentation%20c%23/o%27reilly%20-%20programming%20c%23.pdf'), (12, 4, 'Java 2 - The Complete Reference - Osborne Mcgraw-Hill.pdf', 'ftp://hackbbs.org/documentation%20java/java%202%20- %20The%20Complete%20Reference%20-%20Osborne%20Mcgraw-Hill.pdf'), (13, 5, 'Debian.GNU-Linux.Bible.pdf', 'ftp://hackbbs.org/documentation%20linux/debian.gnu- Linux.Bible.pdf'), (14, 5, 'Firewall_GNU_Linux.pdf', 'ftp://hackbbs.org/documentation%20linux/firewall_gnu_linux.pdf'), (15, 5, 'GCC The Complete Guide Reference.pdf', 'ftp://hackbbs.org/documentation%20linux/gcc%20the%20complete%20guide%20reference. pdf'), (16, 5, 'Linux and Unix Commands.pdf', 'ftp://hackbbs.org/documentation%20linux/linux%20and%20unix%20commands.pdf'), (17, 5, 'M?mo Administrateur.pdf', 'ftp://hackbbs.org/documentation%20linux/m%c3%83%c2%a9mo%20administrateur.pdf'), (18, 5, 'M?mo Shell.pdf', 'ftp://hackbbs.org/documentation%20linux/m%c3%83%c2%a9mo%20shell.pdf'), (19, 6, 'Advanced_Python_programming.pdf', 'ftp://hackbbs.org/documentation%20python/advanced_python_programming.pdf'), (20, 6, 'Python.pdf', 'ftp://hackbbs.org/documentation%20python/python.pdf'); Structure de la table `rubrique` CREATE TABLE `rubrique` ( `id` int(2) NOT NULL auto_increment, `rub` varchar(30) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=7 ; 11

12 Contenu de la table `rubrique` INSERT INTO `rubrique` (`id`, `rub`) VALUES (1, 'U.C.H-Publications'), (2, 'Documentation C'), (3, 'Documentation C#'), (4, 'Documentation Java'), (5, 'Documentation Linux'), (6, 'Documentation Python'); Nous avons 2 tables dans notre base de données, une nommée «rubrique» contenant les différentes rubriques des documentations HackBBS (ceci n est qu un exemple, toutes les docs du FTP d HackBBS ne sont pas dispos dans la bdd), et une autre table nommée «doc» contenant les différentes docs avec l id de leur rubrique respective. Table «rub» : Table «doc» : Le but de cet exemple, est de créer une liste liée, c'est-à-dire que l on aura deux listbox, une pour les rubriques et une autre pour les docs, et qu en fonction du choix que l ont va faire sur la listbox «rubrique», la listbox «Docs» se mette à jour avec les documentations qui correspondent avec la rubrique sélectionnée. Pour cela, le script PHP qui sera exécuté via AJAX devra effectuer une requête sur la base de données afin de mettre à jour la deuxième listbox. 12

13 Voici le code de l index.php : index.php <html> <head> <title>tuto AJAX [DevBBS]</title> <script type='text/javascript'> function getxhr(){ var xhr = null; if(window.xmlhttprequest) // Firefox et autres xhr = new XMLHttpRequest(); else if(window.activexobject){ // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); else { // XMLHttpRequest non supporté par le navigateur alert("votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; return xhr; /** * Méthode qui sera appelée sur le click du bouton */ function appel_ajax(){ var xhr = getxhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readystate == 4 && xhr.status == 200){ var leselect = xhr.responsetext; // On se sert de innerhtml pour rajouter les options a la liste document.getelementbyid('docs').innerhtml = leselect; // requête par méthode POST xhr.open("post","ajax.php",true); // ne pas oublier ça pour le post xhr.setrequestheader('content-type','application/x-www-form-urlencoded'); // ne pas oublier de poster les arguments // ici, l'id de l'auteur sel = document.getelementbyid('rubrique'); id = sel.options[sel.selectedindex].value; xhr.send("id="+id); </script> 13

14 </head> <body> <form action="ajax.php" method="post"> <fieldset> <legend>docs HackBBS</legend> <label>rubrique</label> <select name="rubrique" id="rubrique" onchange="appel_ajax()"> <option value="-1">aucun</option> <?php mysql_connect("localhost","user","pass"); mysql_select_db("ajaxdevbbs"); $res = mysql_query("select * FROM rubrique ORDER BY rub"); while($data = mysql_fetch_assoc($res)){ echo "<option value='".$data["id"]."'>".$data["rub"]."<br>";?> </select> <label>docs</label> <div id='docs' style='display:inline'> <select name='docs'> <option value='-1'>choisir un auteur</option> </select> </div> </fieldset> </form> </body> </html> J ai surligné les éléments importants dans ce code, afin que la mise à jour puisse se faire. - Tout d abord en rouge, est représenté l id de la <div> qui contient la listbox (<select>) qui sera mis à jour à chaque modification de la première listbox. Cette div est très importante, car lorsque AJAX sera exécuté, elle sera remplacé par le résultat obtenue de notre script PHP. - L évènement JavaScript utilisé est de couleur bleu, onchange nous permettra d appeler AJAX à chaque changement de rubrique dans la première listbox. - En vert sont les infos à changer en fonction de votre serveur de bases de données. - En orange sont les lignes qui récupèrent la valeur de la première listbox (l id de la rubrique) puis la passe en paramètre à notre script PHP via la méthode POST. Nous allons voir maintenant notre script PHP : ajax.php <?php if((isset($_post["go_to_ftp_hbbs"]))&&isset($_post["docs"])) header("location:".$_post["docs"]); echo "<select name='docs'>"; if(isset($_post["id"])){ 14

15 mysql_connect("localhost","user","pass"); mysql_select_db("ajaxdevbbs"); $res = mysql_query("select id,doc,url FROM doc WHERE id_rub=".$_post["id"]." ORDER BY doc"); while($data = mysql_fetch_assoc($res)){ echo "<option value='".$data["url"]."'>".$data["doc"]."</option>"; echo "</select> <input type='submit' name='go_to_ftp_hbbs' value='ftp HackBBS'>";?> Le script PHP se contente en fait de récupérer le paramètre passé en POST par AJAX, c'est-à-dire l id de la rubrique sélectionné, et envoie une requête afin de récupérer les documentations correspondantes à la rubrique. Une fois ce script exécuté, le contenue de notre <div> dans le fichier index.php est remplacé par le contenu de ajax.php, c'est-à-dire d une listbox contenant les docs, ainsi qu un bouton nous dirigeant vers le FTP d HackBBS (ça c était pour le fun ^^). Voici en image ce que ça donne : Et tout cela. sans rechargement de page. 15

16 VIII- Conclusion L utilisation de XmlHttpRequest est maintenant beaucoup utilisé dans le Web2.0, ne serait ce que pour son interactivité et son gain de temps, en effet, effectuer des tests lors de la saisie d informations dans un formulaire sans pour autant recharger la page pour effectuer une requête SQL est très pratique. Par exemple, lorsqu on choisit un pseudo sur certain site, celui-ci nous informe de sa disponibilité au fur et à mesure de sa saisie, ce qui est beaucoup plus pratique et agréable pour l utilisateur. Petit rappel avec les requêtes synchrones, l utilisation synchrone risque de figer la page le temps que le script PHP s exécute, ce qui peut avoir un résultat inattendu sur votre site. Cours / Tuto écris pour la communauté DevBBS by Sliim Document libre! 16

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA AJAX Sommaire Introduction Applications Web Applications AJAX Avantages / Inconvénients Exemple Introduction AJAX, ou Asynchronous JavaScript And XML («XML et Javascript asynchrones»), est un acronyme

Plus en détail

Exemples d applications Ajax

Exemples d applications Ajax Web 2.0 et Ajax AJAX Exemples d applications Ajax Complétion automatique Validation en temps réel des données d un formulaire Navigation dynamique Lecture d un flux RSS Sauvegarde automatique des documents

Plus en détail

ITII Programmation Web FMC Page 1

ITII Programmation Web FMC Page 1 Programmation Web FMC Page 1 Définition d'ajax AJAX signifie Asynchronous JavaScript and XML : c'est un ensemble de technologies (CSS, JavaScript, XML...) utilisées ensemble afin de permettre des communications

Plus en détail

AJAX Licence 3 ère Année

AJAX Licence 3 ère Année BDWeb : AJAX Licence 3 ère Année Fabrice Lefèvre 2010 Asynchronous Javascript + XML nom donné à un ensemble de techniques préexistantes dépend essentiellement de XMLHttpRquest, un objet coté client utilisable

Plus en détail

Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP)

Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP) Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP) Exercice : AJAX - Interrogez votre serveur avec JavaScript Savez-vous que JavaScript est capable de se connecter à un serveur

Plus en détail

DOM - Document Object Model

DOM - Document Object Model DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et

Plus en détail

Tutoriel Ajax en exemples. nom Ajax ne se soit répandu, dès la parution d'un article de J. J. Garrett. Sommaire

Tutoriel Ajax en exemples. nom Ajax ne se soit répandu, dès la parution d'un article de J. J. Garrett. Sommaire Page 1 sur 9 Rechercher Ajax XUL JavaScript CSS HTML 5 FAQ-Forum Ajax Tutoriel Ajax XMLHttpRequest Frameworks Démos et scripts Tutoriel Ajax Web 2.0 Techniques Application web Tutoriel RSS XUL & XML Tutoriel

Plus en détail

Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP

Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP Ajax et PHP5 Ajax n est pas vraiment une technologie mais plutôt un ensemble de plusieurs technologies, parmi lesquelles se trouvent JavaScript Asynchrone, XML, XHTML et CSS. Le mot asynchrone est de la

Plus en détail

Sommaire. AJAX avec RIALTO et PHP version 0.1. Par : GHANEM Lhoussin INTRODUCTION...1 I- RIALTO...2 II- AJAX :...4 III- EXEMPLE :...6 CONCLUSION...

Sommaire. AJAX avec RIALTO et PHP version 0.1. Par : GHANEM Lhoussin INTRODUCTION...1 I- RIALTO...2 II- AJAX :...4 III- EXEMPLE :...6 CONCLUSION... AJAX avec RIALTO et PHP version 0.1 Par : GHANEM Lhoussin Sommaire INTRODUCTION...1 I- RIALTO...2 II- AJAX :...4 III- EXEMPLE :...6 CONCLUSION...16 1/16 INTRODUCTION Ça fait longtemps que j'ai voulu apprendre

Plus en détail

Programmation Web AJAX

Programmation Web AJAX /25 Programmation Web AJAX Thierry Hamon Bureau H202 Institut Galilée - Université Paris 13 & LIMSI-CNRS hamon@limsi.fr http://perso.limsi.fr/hamon/teaching/progweb-20132014/ 2/25 Asynchronous Javascript

Plus en détail

- Server phone androïd, - Console de programmation du matériel phone androïd (webcam, GPS, etc.)

- Server phone androïd, - Console de programmation du matériel phone androïd (webcam, GPS, etc.) Paw server Spécificité : - Server phone androïd, - Console de programmation du matériel phone androïd (webcam, GPS, etc.) Développement disponible (programmation) : - Beanshell () (type de fichier

Plus en détail

Introduction à Ajax. CNAM le 2013 O. Pons S. Rosmorduc

Introduction à Ajax. CNAM le 2013 O. Pons S. Rosmorduc 2013 Introduction à Ajax CNAM le 2013 O. Pons S. Rosmorduc 1 / 18 Principe général de fonctionnement Faire des requettes http sans avoir recharger une page entiere. Communication de javascript avec les

Plus en détail

Les API de HTML5. Michel Gagnon École Polytechnique de Montréal

Les API de HTML5. Michel Gagnon École Polytechnique de Montréal Les API de HTML5 Michel Gagnon École Polytechnique de Montréal Cache d application L idée ici consiste à garder en cache les ressources nécessaires pour continuer à utiliser une application web même si

Plus en détail

App hybrides. Merci de vous installer par binôme de niveau différent

App hybrides. Merci de vous installer par binôme de niveau différent App hybrides Merci de vous installer par binôme de niveau différent Programme (1/2) Introduction: panorama du dev mobile Le web et le HTML Évaluation 1 (QCM) La mise en page avec CSS Les bases de Javascript

Plus en détail

Inf340 Systèmes d information. Premier site ce qu il ne faut pas faire

Inf340 Systèmes d information. Premier site ce qu il ne faut pas faire Inf340 Systèmes d information Premier site ce qu il ne faut pas faire Objectifs Objectif : Réaliser un premier site en utilisant une mauvaise approche de conception. Le site permet de gérer un carnet d

Plus en détail

AJAX. Magali Contensin. JoSy AJAX et bibliothèques JS pour les ASR. 3 novembre 2011

AJAX. Magali Contensin. JoSy AJAX et bibliothèques JS pour les ASR. 3 novembre 2011 AJAX Magali Contensin 3 novembre 2011 JoSy AJAX et bibliothèques JS pour les ASR Plan Comment actualiser une partie d'une page web? Principe Quelques applications Etapes Sécurité Support par les navigateurs

Plus en détail

Programmation Web Avancée. Cours 7 Web Storage Ajax.

Programmation Web Avancée. Cours 7 Web Storage Ajax. Programmation Web Avancée Cours 7 Web Storage Ajax kn@lri.fr Plan 1 Introduction/ Généralité et rappels sur le Web/ Javascript : survol du langage 2 Objets/Portée des variables/tableaux/rappels MVC 3 Visiteur/Expressions

Plus en détail

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript AJAX Ajax 1 AJAX Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript Utilise: HTML pour le marquage XML pour représenter les résultats

Plus en détail

Web dynamique. approche client/serveur

Web dynamique. approche client/serveur Web dynamique approche client/serveur Client/serveur Serveur requête (url) réponse (fichiers) Client url = adresse IP + /chemin/vers/fichier réponse = fichier (lu sur le DD du serveur) Le client gère la

Plus en détail

Cours 11 - Interaction : AJAX

Cours 11 - Interaction : AJAX 1/35 UPMC Paris Universitas Programmation des interactions et interfaces homme machine Cours 11 - Interaction : AJAX Carlos Agon - Choun Tong LIEU 8 avril 2016 2/35 Introduction à Javascript Un langage

Plus en détail

INSA - ASI TechnoWeb : AJAX 1/40. Technologie Web AJAX. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18,

INSA - ASI TechnoWeb : AJAX 1/40. Technologie Web AJAX. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18, INSA - ASI TechnoWeb : AJAX 1/40 Technologie Web AJAX Alexandre Pauchet INSA Rouen - Département ASI BO.B.RC.18, pauchet@insa-rouen.fr INSA - ASI TechnoWeb : AJAX 2/40 Plan 1 Introduction 2 Fonctionnement

Plus en détail

Objectif. Taches proposées pour atteindre l objectif

Objectif. Taches proposées pour atteindre l objectif 5 ICN : Réalisation d un site internet dynamique Nom de l'élève : Classe : Table des matières 5 ICN : Réalisation d un site internet dynamique...1 5.1Le langage php...2 5.2Déplacement de votre site dans

Plus en détail

Cours 4 Programmation web, orientée serveur

Cours 4 Programmation web, orientée serveur DUT MMI IUT de Marne-la-Vallée 01/03/2016 M2202 - Algorithmique Cours 4 Programmation web, orientée serveur Philippe Gambette Sources phpdebutant.net www.php.net (documentation du langage PHP) Préambule

Plus en détail

Bases de données et Sites Web. Li345 Le langage PHP 4 ème partie. Lien avec MySQL

Bases de données et Sites Web. Li345 Le langage PHP 4 ème partie. Lien avec MySQL Bases de données et Sites Web. Li345 Le langage PHP 4 ème partie Lien avec MySQL 1 Rappel d architecture Principe : création de documents à partir d une BD MySQL : stockage, protection des données, interface

Plus en détail

M Algorithmique et PHP

M Algorithmique et PHP M2202 - Algorithmique et PHP David Annebicque 2016 1 TD : Accès aux base de données 1.1 Introduction Une base de données permet de stocker des données de manière durable, contrairement à une session ou

Plus en détail

PHP et MySQL. Originaux. Auteurs et version. Prérequis. Modules

PHP et MySQL. Originaux. Auteurs et version. Prérequis. Modules PHP et MySQL PHP et MySQL act-php-mysql Code: act-php-mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/act-php-mysql/act-php-mysql-fc.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-php-mysql-fc.pdf

Plus en détail

AJAX. Asynchronous JavaScript - XML

AJAX. Asynchronous JavaScript - XML AJAX Asynchronous JavaScript - XML Rédacteur : Morel Alexandre Version : 1.2 Date : 08 novembre 2005 Tables des matières Introduction 3 L'objet XMLHttpRequest 3 Qu'est-ce qu'ajax? 3 Utilisation 4 Étape

Plus en détail

1. Avec un script php. 2. En utilisant phpmyadmin

1. Avec un script php. 2. En utilisant phpmyadmin Université Lumière - Lyon 2 Master d Informatique M1 - Année 2006-2007 Programmation Web - TDs n 8 9 : PHP - Mysql L. Tougne (http ://liris.cnrs.fr/laure.tougne), 20/11/06 L objectif de ce TD est d utiliser

Plus en détail

PHP <?php. RAPPEL - MEMENTO Les sites dynamiques : MySQL

PHP <?php. RAPPEL - MEMENTO Les sites dynamiques : MySQL RAPPEL - MEMENTO Les sites dynamiques : MySQL Base de données Le PHP est un langage exécuté par le serveur. Il permet de personnaliser la page en fonction du visiteur et/ou d un contenu dans une base de

Plus en détail

INTERACTION PHP-MYSQL

INTERACTION PHP-MYSQL INTERACTION PHP-MYSQL 1) Connexion à l environnement MySql Afin d établir une connexion avec un serveur MySql, nous utilisons la fonction mysql_connect(). identifiant_connection = mysql_connect( nom_hote,

Plus en détail

<?php. /* Interaction client serveur */ $_GET[] /* */

<?php. /* Interaction client serveur */ $_GET[] /* */ générer pour l interactivité $q = $_GET["query"]; switch($q) { case "subject": //Get a given subject $id = $_GET["id"];

Plus en détail

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2 LIRMM Université Montpellier 2 May 13, 2009 Quelques clés de compréhension Asynchronous JavaScript And XML (adossé à JavaScript comme à XML) 2005, J.Garret, popularité accrue au travers de quelques applications

Plus en détail

Soit la base de données «notes des étudiants» dont le modèle conceptuel est donné ci-dessous sous la forme d un diagramme de classes UML.

Soit la base de données «notes des étudiants» dont le modèle conceptuel est donné ci-dessous sous la forme d un diagramme de classes UML. Université Lumière Lyon 2 Université Nationale d Économie de Kharkiv Master 1 IDSM Année 2016-2017 Programmation Web Exercices pratiques (4) : PHP & MySQL Jérôme Darmont (http://eric.univ-lyon2.fr/~jdarmont/),

Plus en détail

Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte.

Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte. TP 4 Master CTN A. sprintf Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte. Voici la requête SQL que

Plus en détail

Exercice 1 Initialisation de variable et affichage

Exercice 1 Initialisation de variable et affichage Master Expertise et Ingénierie des Systèmes d'information en Santé Module : technique de programmation pour internet Exercice 1 Initialisation de variable et affichage Fichier page1.php Déclarer 3 variables

Plus en détail

Objectif. Taches proposées pour atteindre l objectif

Objectif. Taches proposées pour atteindre l objectif 9 ICN : Réalisation d un site internet, gestion de données Nom de l'élève : Classe : Table des matières 9 ICN : Réalisation d un site internet, gestion de données...1 9.1Le stockage d information, tables

Plus en détail

AJAX. Magali Contensin. ANF Dev Web ASR Carry-le-Rouet. 25 octobre 2012

AJAX. Magali Contensin. ANF Dev Web ASR Carry-le-Rouet. 25 octobre 2012 AJAX Magali Contensin 25 octobre 2012 ANF Dev Web ASR Carry-le-Rouet Plan Présentation d AJAX Principe Etapes Prendre en compte la latence Support par les navigateurs Inconvénients Avantages Présentation

Plus en détail

Guide de survie html/php/mysql

Guide de survie html/php/mysql Guide de survie html/php/mysql Table des matières 1) Configuration de netbeans...2 2) Formulaires en html...5 2.1 - Récupération des informations en provenance d'un formulaire :...6 3) Les fonctions en

Plus en détail

DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données

DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données Objectifs : Apprendre à l apprenant à lancer un serveur local «Apache» Apprendre à l'apprenant à lancer un serveur MySQL

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Ces 6 jours de formation Jour 1 : présentations, attentes, principes, HTML Jour 2 : CSS, et HTML Jour 3 : PHP, formulaires, Base de données Jour 4 : Rappel PHP, Extraction

Plus en détail

AJAX avec jquery. Classe de première SI

AJAX avec jquery. Classe de première SI AJAX avec jquery Table des matières 1. les requêtes HTTP...2 1.1. Le fonctionnement du web...2 1.1.1. AJAX par Javascript...3 1.1.2. XmlHttpRequest avec jquery...3 2. La fonction $.ajax()...4 2.1. $.ajax()

Plus en détail

Introduction Implantation Format des données Restriction. Programmation WEB. Ajax. Programmation licence. IUT de Fontainebleau.

Introduction Implantation Format des données Restriction. Programmation WEB. Ajax. Programmation licence. IUT de Fontainebleau. Ajax IUT de Fontainebleau 1 er mars 2015 Sommaire Introduction 1 Introduction 2 3 4 Sommaire Introduction 1 Introduction 2 3 4 Introduction AJAX se base sur l objet JavaScript XMLHttpRequest qui permet

Plus en détail

Table des matières. Introduction 1

Table des matières. Introduction 1 Table des matières Introduction 1 1 Les bases de JavaScript 5 Compréhension de JavaScript (et de son histoire) 5 Établissement d un système de test 8 Configuration de navigateurs Web 9 Inclusion du code

Plus en détail

Série JavaScript. Exercice n 1 : Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule et affiche la moyenne.

Série JavaScript. Exercice n 1 : Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule et affiche la moyenne. Série JavaScript Exercice n 1 : Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule et affiche la moyenne. Exercice n 2 : Ecrire le code d'un fichier HTML qui

Plus en détail

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web 1. 2. Pour naviguer sur le Web, il faut : Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des machines Protocoles de communication Plusieurs niveau (couche) : Internet, protocole

Plus en détail

Introduction Les bases du langage Transmission de variables La persistance. Formation PHP. Maxime Arthaud. net7. Mardi 22 octobre 2013.

Introduction Les bases du langage Transmission de variables La persistance. Formation PHP. Maxime Arthaud. net7. Mardi 22 octobre 2013. Maxime Arthaud net7 Mardi 22 octobre 2013 PHP, Qu est-ce que c est? Client / Serveur Développer en local Syllabus 1 Introduction PHP, Qu est-ce que c est? Client / Serveur Développer en local 2 3 4 PHP,

Plus en détail

TP PHP n 1 : les bases

TP PHP n 1 : les bases TP PHP n 1 : les bases 2013-2016 Sommaire Les bases 2 Exercice n 1.1 : généreration de code HTML............................ 2 Exercice n 1.2 : des informations sur le serveur...........................

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

Le client/serveur dans le cas du Web

Le client/serveur dans le cas du Web Le client/serveur dans le cas du Web Olivier Flauzac & Cyril Rabat olivier.flauzac@univ-reims.fr cyril.rabat@univ-reims.fr Licence 3 Info - Info0503 - Introduction à la programmation client/serveur 2015-2016

Plus en détail

Séance 3. Javascript/DHTML

Séance 3. Javascript/DHTML Séance 3 Javascript/DHTML Nils Schaefer (nils.schaefer@sn-i.fr) Langage Javascript Vrai langage de programmation Exécution côté client Apporter du dynamisme aux pages HTML Syntaxe générale similaire au

Plus en détail

UTILISATION CMS PERSO

UTILISATION CMS PERSO UTILISATION CMS PERSO La gestion du site se passe entièrement dans la partie Administration du site. Pour accéder à l administration du site, il faut, soit cliquer sur le lien admin situé dans le menu,

Plus en détail

PHP MySQL N 0 IUT SRC TOULON

PHP MySQL N 0 IUT SRC TOULON PHP MySQL N 0 IUT SRC TOULON 2016-2017 I Intro Relation Client / Serveur Client = Visiteur d un site web, personne qui demande à voir une page web. Serveur = Machine qui s occupe de distribuer le site

Plus en détail

O. Auzende Ingénierie Web. PHP et MySQL

O. Auzende Ingénierie Web. PHP et MySQL O. Auzende Ingénierie Web Création d une base PHP et MySQL Lancez easyphp et créez une base baseqcm, pour l instant vide. Nous allons la remplir avec des questions de C2i (certificat Informatique et Internet).

Plus en détail

INF04-06 Langages et structure du Web. Benoît Habert

INF04-06 Langages et structure du Web. Benoît Habert INF04-06 Langages et structure du Web Benoît Habert Séance 8 - début Rappels Les limites de l appel à un autre script AJAX Modèle/Vue/Contrôleur : un patron de conception MVC en action : revisiter l exemple

Plus en détail

Activité 3 : A la découverte de PHP

Activité 3 : A la découverte de PHP 1. Situation Vous êtes employé par une entreprise de développement spécialisée dans le logiciel en Java sans expérience dans le développement Web. La direction a néanmoins accepté un manda pour la réalisation

Plus en détail

BadPHP. Fiche explicative des Classes et des Fonctions de BadPHP. Equipe : Savelli Adrien Hugo Morales

BadPHP. Fiche explicative des Classes et des Fonctions de BadPHP. Equipe : Savelli Adrien Hugo Morales BadPHP Fiche explicative des Classes et des Fonctions de BadPHP Equipe : Savelli Adrien Hugo Morales SOMMAIRE 1 Classe $sql... 1 1.1 connect(string (1), string (2), string (3), string (4));... 1 1.2 request(variable,

Plus en détail

Projet DELIRE. Introduction à PHP

Projet DELIRE. Introduction à PHP Projet DELIRE Introduction à PHP Pages dynamiques page statique Nous sommes le 28/03/2007 Probleme : Afficher une page différente en fonction

Plus en détail

Javascript 2 PARTIE : EVENEMENTS ET OBJETS

Javascript 2 PARTIE : EVENEMENTS ET OBJETS Javascript 2 PARTIE : EVENEMENTS ET OBJETS 1. Programmation événementielle 2. Principe 3. Les événements 4. Gestionnaire d événement 5. Classe et Objet 6. Objets d une page Web 7. Objets divers 8. Exemples

Plus en détail

Tutoriel de création d une application APEX

Tutoriel de création d une application APEX Tutoriel de création d une application APEX 7 Création et utilisation de liste de valeurs (LOV) 7.1 Conception d une liste de valeurs Pour effectuer la saisie de la catégorie (d une écriture de dépense/recette),

Plus en détail

01/11/15. Rapport ProjetWeb. Salah Dkhissi Sahar JOUNDI INFO2. 1 P a g e

01/11/15. Rapport ProjetWeb. Salah Dkhissi Sahar JOUNDI INFO2. 1 P a g e 01/11/15 Rapport ProjetWeb Salah Dkhissi Sahar JOUNDI INFO2 1 P a g e Sommaire Introduction...3 1. Manuel d installation...4 2. Phase de conception...5 1. Cas d utilisations...5 2. Modèle entité-association...6

Plus en détail

Groupe Eyrolles, 2006, ISBN : X

Groupe Eyrolles, 2006, ISBN : X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X 160 PHP/MySQL avec Dreamweaver 8 Figure 3-30 Après l insertion d un nouveau résultat, la page Mes résultats affiche la liste actualisée des résultats. Page de

Plus en détail

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax Dojo partie 1 Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax 1 Modules Dojo 3 espaces de noms principaux: dojo: bibliothèque de base dijit: bibliothèque de widgets

Plus en détail

DAW Développement Applications Web. Ouadfel Salima Site du cours:

DAW Développement Applications Web. Ouadfel Salima Site du cours: DAW Développement Applications Web Ouadfel Salima Site du cours: http://salimaouadfel.e-monsite.com/ Les formulaires Permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant

Plus en détail

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 Premières applications Web 2.0 avec Ajax et PHP J e a n - M a r i e D e f r a n c e Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 8 Applications Ajax-PHP synchrones Pour commencer simplement, je vous

Plus en détail

Page web modèle :

Page web modèle : Université Lumière Lyon 2 Université Nationale d Économie de Kharkiv Master 1 IDSM Année 2016-2017 Programmation Web Exercices pratiques (5) : PHP, MySQL, formul. Jérôme Darmont (http://eric.univ-lyon2.fr/~jdarmont/),

Plus en détail

Génération dynamique de pages web

Génération dynamique de pages web Génération dynamique de pages web Cet article décrit quelques techniques de programmation web permettant de générer des pages web dynamiquement à partir d une base de données. STRUCTURE DE LA BASE DE DONNÉES

Plus en détail

Jeudi 26 Avril BETANT Olivier, MORA Cédric IFIPS 4ème année. DEP. Informatique PROJET WEB BD XML RAPPORT FINAL

Jeudi 26 Avril BETANT Olivier, MORA Cédric IFIPS 4ème année. DEP. Informatique PROJET WEB BD XML RAPPORT FINAL Jeudi 26 Avril 2007 DEP. Informatique BETANT Olivier, MORA Cédric IFIPS 4ème année PROJET WEB BD XML RAPPORT FINAL SOMMAIRE : Introduction... 3 Cahier des charges... 3 Dévelopment de l application... 4

Plus en détail

Sommaire. 1. Introduction Mise en place Fonctions disponibles de l API live Chat Exemple pratique... 14

Sommaire. 1. Introduction Mise en place Fonctions disponibles de l API live Chat Exemple pratique... 14 Sommaire 1. Introduction... 3 2. Mise en place... 4 3. Fonctions disponibles de l API live Chat... 5 4. Exemple pratique... 14 Hermes.Net Live Chat API Page 3 14 1. Introduction Le composant Live Chat

Plus en détail

echo "Surface du cerlce de rayon 5 cm : ".surfacecercle(5)." cm<sup>2</sup>";?>

echo Surface du cerlce de rayon 5 cm : .surfacecercle(5). cm<sup>2</sup>;?> Correction des TP TP 2 Ecrire la fonction "hello world!" en php. function helloworld() { echo "Hello World!"; helloworld(); Calculer la surface d'un cercle en fonction de son rayon "Le cercle de rayon

Plus en détail

Faculté I&C, Claude Petitpierre, André Maurer. Bases de données. SQL (Structured Query Language)

Faculté I&C, Claude Petitpierre, André Maurer. Bases de données. SQL (Structured Query Language) Bases de données SQL (Structured Query Language) Une base de données contient des tables idv region cepage annee Lavaux chasselas 2005 Chianti sangiovese 2002 2 Bourgogne pinot noir 2000 Le nom et le type

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

PHP. Arnaud Sallaberry montp3.fr. Programma;on pour le Web 1

PHP. Arnaud Sallaberry montp3.fr. Programma;on pour le Web 1 PHP Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 06/02/2015 Programma;on pour le Web 1 Plan Les principaux langages du Web Côté client Côté serveur Autres Récapitula;f PHP Introduc;on Types de données

Plus en détail

Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework

Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework L'objectif de ce document est de poser des bases de réflexion sur la modélisation d'un projet réalisé

Plus en détail

TD2-1 : Application client-serveur V2.3.0

TD2-1 : Application client-serveur V2.3.0 TD2-1 : Application client-serveur V2.3.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé.

Plus en détail

Webmaster : Installation de l'incentive. Objet : Récupération du tag de rotation à placer sur une page de votre site.

Webmaster : Installation de l'incentive. Objet : Récupération du tag de rotation à placer sur une page de votre site. Webmaster : Installation de l'incentive Objet : Récupération du tag de rotation à placer sur une page de votre site. Connectez vous sur votre compte webmaster, puis cliquez dans le menu sur «Tag de diffusion»

Plus en détail

Documentation technique Back-office

Documentation technique Back-office MEEVY Documentation technique Back-office Juillet 2010 MEEVY a pour but de fournir aux artistes des outils pour promouvoir leur musique sur internet et proposer à l auditeur une plateforme de musique en

Plus en détail

TP SIN Connexion base de données (PDO)

TP SIN Connexion base de données (PDO) TP SIN Connexion base de données (PDO) Support : carte arduino yun Pré requis (l élève doit savoir): - Savoir utiliser un ordinateur - Connaître le html, Css, PHP Programme Objectif terminale : L élève

Plus en détail

PHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS)

PHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS) PHP et mysql php_mysql PHP et mysql Code: php_mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/php-mysql/php-mysql.html url: http://tecfa.unige.ch/guides/tie/pdf/files/php-mysql.pdf Auteurs et

Plus en détail

Algorithmique et développement web S2 6. Gestion des formulaires

Algorithmique et développement web S2 6. Gestion des formulaires Algorithmique et développement web S2 6. Gestion des formulaires Christophe BLANC IUT MMI IUT d Allier Université Clermont Auvergne www.christophe-blanc.fr 2016-2017 1 / 15 Rappel Un formulaire est un

Plus en détail

TP JAVASCRIPT Série N 4

TP JAVASCRIPT Série N 4 TP JAVASCRIPT Série N 4 GESTION D UN FORMULAIRE DE CONTACT Objectif : Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE Ci-dessous un exemple

Plus en détail

Développement Web. Communication Client-Serveur LI328 UPMC. Sylvain Lamprier

Développement Web. Communication Client-Serveur LI328 UPMC. Sylvain Lamprier 1 / 57 Développement Web Communication Client-Serveur LI328 Sylvain Lamprier UPMC Communication Client-Serveur 2 / 57 Navigateur Serveur Base de données HTML AJAX (Tomcat) MySQL CSS Javascript JSON Base

Plus en détail

Programmation MySQL/PHP. Programmation MySQL/PHP p.1/19

Programmation MySQL/PHP. Programmation MySQL/PHP p.1/19 Programmation MySQL/PHP Programmation MySQL/PHP p.1/19 CGI et bases de données Principe : création de documents à partir d une BD MySQL se charge du stockage, de la protection des données, de l interface

Plus en détail

TP 6 : PHP & MYSQL. Apprendre la manipulation des bases de données sous MySQL. Manipuler une base de données MySQL à travers des formulaires php.

TP 6 : PHP & MYSQL. Apprendre la manipulation des bases de données sous MySQL. Manipuler une base de données MySQL à travers des formulaires php. TP 6 : PHP & MYSQL OBJECTIFS : Apprendre la manipulation des bases de données sous MySQL. Manipuler une base de données MySQL à travers des formulaires php. On se propose de réaliser une petite application

Plus en détail

Traitement des Formulaires

Traitement des Formulaires Traitement des Formulaires 1 Requetês et réponses Exemple de requête: demande d une page GET / HTTP/1.1 Host: exemple.org Exemple de réponse HTTP/1.1 200 OK Content Type: text/html Content Length: 419

Plus en détail

PHP - MYSQL. https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/presentation-desbases-de-donnees-2

PHP - MYSQL. https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/presentation-desbases-de-donnees-2 PHP - MYSQL https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/presentation-desbases-de-donnees-2 http://php.net/manual/fr/langref.php Open Class Room SOMMAIRE Sommaire... 1 PHP

Plus en détail

TP2 base de données. 1. Requêtes sur une base MySQL. Requêtes sur une seule relation. Requêtes sur une plusieurs relations.

TP2 base de données. 1. Requêtes sur une base MySQL. Requêtes sur une seule relation. Requêtes sur une plusieurs relations. TP2 base de données Mineure 2A Ce TP se compose de deux parties indépendantes. La première partie est à réaliser lors des 3 heures de TP. A la fin de la séance, vous transmettrez le compte rendu aux enseignants

Plus en détail

Développement d Applications Web

Développement d Applications Web Développement d Applications Web (Cours 5) 2 ème année Licence Informatique Université Abou-Bekr Belkaïd - Tlemcen Année 2016/2017 Mahfoud Houari mahfoud.houari@gmail.com hmahfoud.wordpress.com Plan du

Plus en détail

PHP & BD. PHP & Bases de données. Logiciels & matériels utilisés. Bases de données et Web

PHP & BD. PHP & Bases de données. Logiciels & matériels utilisés. Bases de données et Web PHP & Bases de données La quantité de données utilisée par certains sites web nécessite l'utilisation d'une base de données Il faut donc disposer d'un SGBD (mysql, postgresql, oracle, ) installé sur un

Plus en détail

Dreamweaver + Php + Mysql

Dreamweaver + Php + Mysql Dreamweaver + Php + Mysql Le Jeu d'enregistrements - Les fondamentaux Part-3 La 3ème partie des fondamentaux, traitera essentiellement du jeu d'enregistrements ou Recordset. J'ai voulu éclaircir au maximun

Plus en détail

3. Les formulaires. en HTML (première partie) Programmation La définition du formulaire

3. Les formulaires. en HTML (première partie) Programmation La définition du formulaire 420-183 Programmation 1 3. Les formulaires en HTML (première partie) Une page web ne sert pas qu'à afficher du texte et des éléments multimédia. Elle peut aussi servir d'outil interactif permettant l'entrée

Plus en détail

Le langage HTML. Université KASDI Merbah Ouargla Département des mathématiques & Informatique.

Le langage HTML. Université KASDI Merbah Ouargla Département des mathématiques & Informatique. Université KASDI Merbah Ouargla Département des mathématiques & Informatique Le langage HTML BELOUAAR Houcine Belouar_hocine@yahoo.fr Les formulaires L'élément permet de créer des

Plus en détail

Cours 12 Publication dynamique de contenu d'une base de données sur le Web avec PHP

Cours 12 Publication dynamique de contenu d'une base de données sur le Web avec PHP École de bibliothéconomie et des sciences de l information SCI6306 Bases de données documentaires Cours 12 Publication dynamique de contenu d'une base de données sur le Web avec PHP Faculté des arts et

Plus en détail

Formation PHP/MySQL. Pierre PATTARD. Avril 2005

Formation PHP/MySQL. Pierre PATTARD. Avril 2005 Formation PHP/MySQL Pierre PATTARD Julien BENOIT Avril 2005 Le PHP Langage interprété, côté serveur pages interprétées par le serveur web pas de compilation, code éditable avec un bloc notes. aucune différences

Plus en détail

AJAX - Développez pour le Web 2.0 Entrez dans le code : JavaScript, XML, DOM, XMLHttpRequest2... (2ième édition)

AJAX - Développez pour le Web 2.0 Entrez dans le code : JavaScript, XML, DOM, XMLHttpRequest2... (2ième édition) Présentation générale d'ajax 1. Principe et définition 11 2. Exemples sur le Web 16 2.1 Google Maps 16 2.2 Google Suggest 18 2.3 Google Agenda 19 2.4 Google Docs, Google Sheets et Google Slides 20 3. Avantages

Plus en détail

Programmation Web IMAC TD 7 : AJAX et JSON. 18 novembre 2015

Programmation Web IMAC TD 7 : AJAX et JSON. 18 novembre 2015 Programmation Web IMAC 2015-2016 TD 7 : AJAX et JSON 18 novembre 2015 Objectif: Ce TD a pour but de decouvrire les syntaxes AJAX et JSON, ainsi que leur liens avec jquery. 1 AJAX AJAX (acronyme de Asynchronous

Plus en détail

Utiliser Internet Explorer

Utiliser Internet Explorer Micro-ordinateurs, informations, idées, trucs et astuces Utiliser Internet Explorer Auteur : François CHAUSSON Date : 8 février 2008 Référence : utiliser Internet Explorer.doc Préambule Voici quelques

Plus en détail

PHP et formulaires TP N 5. Découvrir les formulaires HTML pour saisir des valeurs dans les scripts PHP (HTML). Utiliser des boucles et des conditions.

PHP et formulaires TP N 5. Découvrir les formulaires HTML pour saisir des valeurs dans les scripts PHP (HTML). Utiliser des boucles et des conditions. 1 OBJECTIF Découvrir les formulaires HTML pour saisir des valeurs dans les scripts PHP (HTML). Utiliser des boucles et des conditions. 1.1 CRÉATION D UN FORMULAIRE Afin de pouvoir interagir avec PHP, il

Plus en détail

Applications php et postgresql. Département INFormatique

Applications php et postgresql. Département INFormatique Applications php et postgresql Département INFormatique Plan du document Interfacer les Bases de Données et le Web Passerelle PHP - Principe des passerelles PHP - Architecture 3-tiers Web (dynamique) PHP

Plus en détail

Découverte du Framework jquery Mobile en autonomie pour le contexte GSB (PARTIE 4)

Découverte du Framework jquery Mobile en autonomie pour le contexte GSB (PARTIE 4) Découverte du Framework jquery Mobile en autonomie pour le contexte GSB (PARTIE 4) Description du thème Propriétés Description Intitulé long Formation concernée Matière Présentation Notions Prérequis Outils

Plus en détail

AJAX et lib jquery. $(document).ready(function() });

AJAX et lib jquery. $(document).ready(function() }); AJAX et lib jquery Complession automatique Exemple : http://195.83.128.55/~fmeuzeret/democomplession/exo001.html $(document).ready(function()

Plus en détail