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

AJAX Discussion :

[AJAX] évènement JQuery sur deux inputText


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Femme Profil pro
    Étudiant
    Inscrit en
    Mai 2010
    Messages
    62
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2010
    Messages : 62
    Par défaut [AJAX] évènement JQuery sur deux inputText
    Bonjour à tous,
    j'ai un problème que je n'arrive pas à régler pour la simple raison que je débute avec AJAX et JQuery et j'ai pas vraiment le temps de tout faire dans les règles :p
    mon problème est le suivant je veux pouvoir utiliser un webservice qui prends en paramètres (nom et prénom) vérifie sans une BD si l'utilisateur est déjà existant il me renvoi un fichier xml avec toutes les informations pour pré-remplir le formulaire, après avoir fait des recherches j'ai trouver quelques exemples que j'ai adapter à mon besoin ici
    voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
     
       $(document).ready(function(){
       $(".nomprenom").blur(function()
       {
       var contenu_prenom = $("#prenom").val();
       var contenu_nom = $("#nom").val();
       $.ajax({
               type: "GET",
               url: "mon_web_service",
               data: {nom: contenu_nom,prenom : contenu_prenom},
               dataType: "xml",
               success: function(xml)
               {
                   alert("coucou");
                   $(xml).find('lecteur').each(function(){....});
               }
           });
       })
    });
    j'ai mis une classe "nomprenom "pour les deux champs non et prénom pour utiliser le blur() là encore j'ai longtemps hésiter entre ça et le focusout()

    Mais avec mon exemple il se passe rien il ne m'affiche même pas l'alerte
    Des idées ? des solutions ?

  2. #2
    Membre éprouvé
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    139
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 139
    Par défaut
    Venant du CNRS, on peut espérer que "tout soit fait dans les règles" justement ...

    Bref, Javascript fait rarement "rien". S'il n’exécute aucune instruction, c'est qu'à priori il a rencontré une erreur et qu'il s'arrête. Utiliser Firebug ou l'équivalent de Chrome est pratique pour surveiller l'activité réseau et consulter la console de log. C'est pratique en Ajax puisque les erreurs serveurs ne s'affichent pas en pleine page.

    Dans ton cas, ta portion de code ne s’exécute probablement pas, il faudrait au minimum faire une fonction qui s’exécute à un moment ou à un autre (du genre quand tu fais un "onChange" sur tes champs)

  3. #3
    Membre confirmé
    Femme Profil pro
    Étudiant
    Inscrit en
    Mai 2010
    Messages
    62
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2010
    Messages : 62
    Par défaut
    J'utilise déjà l'outil Firebug et il m'apporte pas de réponse !
    il s'agit effectivement d'une erreur parce que j'ai essayé de rajouter le paramètre "error" comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    error:function(jqXHR,textStatus,errorThrown)
                   {
                       var out = '';
                       for (var variable in jqXHR)
                           {
                               out += variable + ": " + jqXHR[variable] +"\n";
                           }
                           alert (out);
                   }
    j'ai également essayé d'afficher textStatus et errorThrown mais rien !

  4. #4
    Membre éprouvé
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    139
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 139
    Par défaut
    J'aurais au minimum caché l'URL pour ne pas discréditer l'employeur, mais c'est toi qui voit ...

    Comme dit précédemment, tes instructions ne sont à priori tout simplement pas exécutées. Il faut que tu détermines à quel moment la requête doit être exécutée (quand on clic sur un bouton ? quand on sort d'un champ ?)

    Une fois ceci décidé tu lies ton évènement javascript à une fonction qui exécute ton morceau de code.

  5. #5
    Membre confirmé
    Femme Profil pro
    Étudiant
    Inscrit en
    Mai 2010
    Messages
    62
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2010
    Messages : 62
    Par défaut
    bewidia: merci pour tes réponses mais je crois que le problème n'a rien à voir avec l’exécution de mon code.

    Je suis passée de rien à cette erreur :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Origin http://monAppli.fr is not allowed by Access-Control-Allow-Origin.
    quelqu'un aurait la solution à cette erreur ?

  6. #6
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207

Discussions similaires

  1. [1.x] jQuery.ajax reussi une fois sur deux
    Par yochima dans le forum Symfony
    Réponses: 1
    Dernier message: 25/10/2011, 09h29
  2. Ajax et jQuery - Faire deux requêtes simultannées
    Par l0wk3y dans le forum jQuery
    Réponses: 10
    Dernier message: 05/11/2010, 00h59
  3. Réponses: 1
    Dernier message: 19/04/2010, 18h38
  4. Évènement onclick sur deux élements span imbriqués
    Par Elinyhs dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 23/01/2010, 20h33
  5. [AJAX] Une liste sur deux est remplie seulement
    Par Woufeigh dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 07/06/2008, 15h08

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