Quelle technologie est utilisée?
Absot
Messages postés
819
Statut
Membre
-
Nanolenain Messages postés 76 Statut Membre -
Nanolenain Messages postés 76 Statut Membre -
Bonjour, je suis tombé sur un site internet et je me demande quelle technologie a été utilisée pour pouvoir faire un formulaire et le traiter sans rafraichir la page internet, voici le site internet: http://www.electricite-et-gaz.fr/fr/comparatif-fournisseur-électricité-gaz#démarrer
Est-ce seulement du jquery?
Je demande cela parce que je ne connaissais pas avant peu de temps et je suis assez impressionné.
Est-ce seulement du jquery?
Je demande cela parce que je ne connaissais pas avant peu de temps et je suis assez impressionné.
A voir également:
- Quelle technologie est utilisée?
- Comment remettre une photo de profil facebook déjà utilisée ✓ - Forum Facebook
- Une adresse incompatible avec le protocole demandé a été utilisée ✓ - Forum Téléchargement
- Technologie de stockage intel rapid ✓ - Forum Logiciels
- Votre carte cadeau ne peut être utilisée pour cette commande, le numéro n'étant pas reconnu. veuillez le vérifier et réessayer. - Forum Consommation & Internet
- Impossible d'allumer la lampe torche car la lumière est utilisée par une autre application - Forum iPhone
9 réponses
Ils utilisent bel et bien jquery, mais le langage exact est le javascript qui, en l'occurrence, devient de l'AJAX (navigation sans rafraichissement).
J'espère ne pas t'avoir perdu.
Sinon, c'est du html/css(/PHP/MYSQL) tout bête.
J'espère ne pas t'avoir perdu.
Sinon, c'est du html/css(/PHP/MYSQL) tout bête.
Il y a une question qui me chagrine, ils ont un formulaire mais ne rafraichissent pas leur page, comment ils font pour transmettre les données?
L'AJAX est en fait une utilisation de Javascript qui permet de faire des requêtes au serveur et de mettre à jour certains éléments de la page Web (un div par exemple; et non toute la page Web) ce qui donne une impression de légèreté à l'utilisateur.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Je me suis baladé un peu sur internet si je ne me trompe pas, ce sont des slides?
Comment ils font pour récupérer les données du formulaire sans passer par un rafraichissement de page?
Est-ce quelque chose comme ça?
https://api.jquery.com/jQuery.data/
Comment ils font pour récupérer les données du formulaire sans passer par un rafraichissement de page?
Est-ce quelque chose comme ça?
https://api.jquery.com/jQuery.data/
Je viens de regarder le lien et je n'ai pas trop compris.
Ce que j'ai compris, c'est que quand on clique sur le bouton, on fait appel à la fonction loadXMLDoc() qui créé un objet de type XMLHttpRequest et si la requête par GET est bien excecutée et que le serveur est en bon état, ça renvoit, ce que contient le document xmlhttp_info.txt?
Ce que je ne comprends pas, c'est comment ils font avec un formulaire vu qu'il faut récupérer les valeurs du formulaire pour faire un traitement donc quand on prépare notre requête au serveur en lui disant la méthode e tle fichier que l'on souhaite ( open('GET', 'exemple.php', true); ), je ne vois pas comment on peut faire avec un formulaire surtout que le traitement est du javascript et que l'on ne peut pas transmettre une valeur du variable javascript à une variable en php.. :/
Je me suis créé un petit formulaire où il y a des slides et dans le premier slide, j'y mets un champ texte que j'ai appellé nom où j'y mets n'importe quoi puis au moment où je clique sur le bouton de validation, j'envoi ça à ma page exemple.php avec la méthode GET et dans cette page, j'y fais un "echo $_GET['nom'];" mais il ne se passe rien donc je dois avoir mal compris?
Ce que j'ai compris, c'est que quand on clique sur le bouton, on fait appel à la fonction loadXMLDoc() qui créé un objet de type XMLHttpRequest et si la requête par GET est bien excecutée et que le serveur est en bon état, ça renvoit, ce que contient le document xmlhttp_info.txt?
Ce que je ne comprends pas, c'est comment ils font avec un formulaire vu qu'il faut récupérer les valeurs du formulaire pour faire un traitement donc quand on prépare notre requête au serveur en lui disant la méthode e tle fichier que l'on souhaite ( open('GET', 'exemple.php', true); ), je ne vois pas comment on peut faire avec un formulaire surtout que le traitement est du javascript et que l'on ne peut pas transmettre une valeur du variable javascript à une variable en php.. :/
Je me suis créé un petit formulaire où il y a des slides et dans le premier slide, j'y mets un champ texte que j'ai appellé nom où j'y mets n'importe quoi puis au moment où je clique sur le bouton de validation, j'envoi ça à ma page exemple.php avec la méthode GET et dans cette page, j'y fais un "echo $_GET['nom'];" mais il ne se passe rien donc je dois avoir mal compris?
J'ai continué un peu plus et j'ai compris que l'on rafraichit notre page avec le contenu que nous renvoi le fichier demandé mais je suis bloqué au passage d'argument.
J'ai créé un formulaire tout simple avec deux lignes, la première avec un nom à remplir et la deuxième avec un prénom.
J'ai regardé plusieurs sujet sur les envois de variables par Ajax mais ca ne fonctionne pas chez moi puis j'hésite à envoyer soit par GET ou par POST?
Voilà mon code:
form.php
traitement.php
Qu'est-ce que je dois corriger svp?
J'ai créé un formulaire tout simple avec deux lignes, la première avec un nom à remplir et la deuxième avec un prénom.
J'ai regardé plusieurs sujet sur les envois de variables par Ajax mais ca ne fonctionne pas chez moi puis j'hésite à envoyer soit par GET ou par POST?
Voilà mon code:
form.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test slide Jquery</title> <link rel="stylesheet" href="style.css" media="all" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> function go() { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari http=new XMLHttpRequest(); } else {// code for IE6, IE5 http=new ActiveXObject("Microsoft.XMLHTTP"); } var nom = document.getElementById("nom").value; var datas = "nom="+nom; http.open("GET","exemple.php",true); http.send(datas); http.onreadystatechange=function() { if (http.readyState==4 && http.status==200) { document.getElementById("slide2").innerHTML=http.responseText; } } } </script> <html> <body> <div id="slideshow"> <div id="slidesContainer"> <div class="slide" id="slide1"> Slide 1 <table border="1"> <tr> <th>Nom : </th> <td><input type="text" id="nom"></input></td> </tr> <tr> <th>Prenom : </th> <td><input type="text" id="prenom"></input></td> </tr> </table> <button type="button" onclick="go()">Cliques-moi</button> </div> <div class="slide" id="slide2"> Slide 2<br/> </div> </div> </div> </body> </html>
traitement.php
<?php echo $_GET["nom"]; ?>
Qu'est-ce que je dois corriger svp?
