IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Charger résultat d'un form dans une div


Sujet :

JavaScript

  1. #1
    Membre du Club
    Homme Profil pro
    Inscrit en
    Avril 2011
    Messages
    123
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2011
    Messages : 123
    Points : 54
    Points
    54
    Par défaut Charger résultat d'un form dans une div
    Bonjour,

    Je ne savais pas vraiment où poster ma demande (javascript, php, ajax .. ).
    Car mon problème touche un peu au trois langages.

    J'ai un form :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <form action="verification.php" method="post" name="formulaire">
    INPUT
    INPUT
    ...
     
    <input type="submit" name="envoyer" id="envoyer" value="ok"/>
    </form>

    Je souhaiterais que le formulaire soit envoyé sur verification.php pour le contrôle serveur mais je souhaiterai que cela soit fait dans ma div principal #content.
    En d'autres termes je voudrais ne pas recharger ma page lors de l'envoi du formulaire juste remplacer le formulaire par la réponse de "verification.php"

    peut-être qu'il est possible de faire une fonction ("form").submit qui en resultat donne $("#content").load("verification.php") ... ou juste impossible de mélanger les deux fonctions ?

    J'espère que mon explication est claire ...
    Avez-vous des idées pour réaliser cela ?

    Merci par avance pour votre aide,
    ric009

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 153
    Points : 44 968
    Points
    44 968
    Par défaut
    Bonjour,
    ce que tu cherches s'appelle la technique Ajax, je te renvoie dans un premier temps vers
    Les meilleurs cours et tutoriels pour apprendre l'AJAX

  3. #3
    Membre du Club
    Homme Profil pro
    Inscrit en
    Avril 2011
    Messages
    123
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2011
    Messages : 123
    Points : 54
    Points
    54
    Par défaut
    Merci pour ta réponse, mais l'Ajax est très vaste ne pourrais-tu pas m'orienter vers une fonction précise de l'Ajax ? Car je suis bloqué depuis bientôt une semaine ...

  4. #4
    Membre du Club
    Homme Profil pro
    Inscrit en
    Avril 2011
    Messages
    123
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2011
    Messages : 123
    Points : 54
    Points
    54
    Par défaut
    J'ai changé de méthode je passe complètement par du PHP ça sera beaucoup plus simple et rapide !

    Merci pour les cours d'Ajax je regarderai ça quand j'aurais le temps,
    ric009

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 153
    Points : 44 968
    Points
    44 968
    Par défaut
    J'ai changé de méthode je passe complètement par du PHP ça sera beaucoup plus simple et rapide !
    c'est comme tu le souhaites sachant que Ajax ce n'est quelles lignes.

    ...mais l'Ajax est très vaste ne pourrais-tu pas m'orienter vers une fonction précise de l'Ajax ?
    l'utilisation de la technique est très vaste certes mais...
    exemple basique:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function fctAjaxBasic(){
        var oXhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
        oXhr.onreadystatechange = function(){
            if( oXhr.readyState === 4 && oXhr.status === 200){
                document.getElementById('response').innerHTML = oXhr.responseText;
            }
        };
        oXhr.open( 'GET', 'ajax_reponse.php', true);
        oXhr.send( null);
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Résultat d'un formulaire dans une DIV
    Par Atheus dans le forum jQuery
    Réponses: 2
    Dernier message: 15/02/2015, 00h38
  2. Charger un fichier (taglib.tag) dans une div
    Par Sorcier157 dans le forum Struts 1
    Réponses: 2
    Dernier message: 14/06/2013, 15h38
  3. afficher le résultat d'un code php dans une div
    Par addrock dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 06/04/2012, 21h45
  4. Réponses: 9
    Dernier message: 06/06/2010, 11h22
  5. [AJAX] Ajax xmlhttpRequest : affichage d'un résultat dans une div
    Par kataboy dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 23/12/2007, 16h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo