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

jQuery Discussion :

envoi d'un formulaire sans rechargement (jquery + struts)


Sujet :

jQuery

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Février 2008
    Messages
    106
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2008
    Messages : 106
    Points : 70
    Points
    70
    Par défaut envoi d'un formulaire sans rechargement (jquery + struts)
    Bonjour à tous,

    J'ai une application Struts, et j'aimerais utiliser JQuery pour mettre un peu d'ajax . Je voudrais pouvoir envoyer un formulaire lorsque l'utilisateur déclenche un évènement javascript "onBlur", et sans recharger la page (via ajax) en spécifiant une action struts à exécuter.

    Pour l'instant, j'ai le squelette suivant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    $(function() {  
    	$(".myClass").blur(function() {
    		$.post("/myStrutsAction.do",{ action: "myAction"},
    		   function(data){
    		     alert("Data Loaded: " +  data);
    		   }
    		 );
    	}); 
    });
    Le problème c'est que les données du formulaire ne sont pas présentes pour le serveur, vu que les données ne sont pas envoyées.

    Merci d'avance pour votre aide!!

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    regarde du coté de serialize pour les datas ...
    par contre j'espère que tu n'as pas d'input file

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Février 2008
    Messages
    106
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2008
    Messages : 106
    Points : 70
    Points
    70
    Par défaut
    merci SpaceFrog!
    Non j'avais pas d'input file, le serialize fonctionne sans problème.

    Par contre, maintenant je rencontre un problème pour injecter ma réponse dans le DOM... je récupère mon html dans un string, est-il possible de récupérer seulement le form de la réponse et ensuite de l'injecter dans le form existant?

    sans doute des questions bateau, mais je suis pas du tout familier avec le javascript et autres dérivés...

    je te remercie d'avance

  4. #4
    Membre régulier
    Profil pro
    Inscrit en
    Février 2008
    Messages
    106
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2008
    Messages : 106
    Points : 70
    Points
    70
    Par défaut
    ayé j'ai trouvé, si ça peut aider quelqu'un :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
     
    	function parseHTML(html, idStr) {
    	  var root = document.createElement("div");
    	  root.innerHTML = html;
    	  // Get all child nodes of root div
    	  var allChilds = root.childNodes;
    	  for (var i = 0; i < allChilds.length; i++) {
    	    if (allChilds[i].id && allChilds[i].id == idStr) {
    	      return allChilds[i];
    	    }
    	  }
    	  return false;
    	}

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

Discussions similaires

  1. Envoi de formulaire sans recharger la page
    Par argon dans le forum jQuery
    Réponses: 12
    Dernier message: 22/09/2014, 05h27
  2. [AJAX] soumission d'un formulaire sans rechargement de page?
    Par coupolites dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 21/08/2008, 10h07
  3. [AJAX] Transmettre un formulaire sans rechargement de page
    Par micka39 dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 21/11/2007, 12h20
  4. [AJAX] Remplir un formulaire sans recharger la page
    Par houdazcom dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/11/2007, 12h37

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