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 :

jquery avec ajax et la methode each()


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Inscrit en
    Janvier 2011
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 6
    Par défaut jquery avec ajax et la methode each()
    Salut à tous,
    j'ai un problème sur jquery concernant l'utilisation de ajax avec la boucle each() du framwork.voici de code que je vous passe:
    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
    20
    21
    22
    23
    <script>
            $(document).ready(function() {
     
     
    			$('a.class1').click(function() { 
    	          var form_data = { ajax : '1'};
                    $.ajax({
                        url: $('a.class1').attr('alt'),
                        type: 'POST',
                        async : false,
                        data: form_data,
                        success: function(msg) {
                                    alert($('a.class1').attr('alt'));}
                    });
     
                    return false;
    	        });
     
     
     
     
            });
    </script>
    voici le code html sur le quel je voudrais appliquer la requete ajax sur chacun des liens suivant.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <a  class="class1" href="#" alt="aidezmoi_1.com">ce lien1</a>
    <a  class="class1" href="#" alt="aidezmoi_2.com">ce lien2</a>
    <a  class="class1" href="#" alt="aidezmoi_3.com">ce lien3</a>
    <a  class="class1" href="#" alt="aidezmoi_4.com">ce lien4</a>
    <a  class="class1" href="#" alt="aidezmoi_5.com">ce lien5</a>
    <a  class="class1" href="#" alt="aidezmoi_6.com">ce lien6</a>
    mon problème est que cette requete ajax ne fonctionne que pour le premier lien (<a class="class1" href="#" alt="aidezmoi_1.com">ce lien1</a>) et pourtant je veut que la requete se fasse sur tous les liens vers des pages differentes ;ce qui nest pas le cas car elle pointe toutes vers le premier lien.je sais que la methode each() peut s'appliquer dans ce cas mais je cherche et je cherche ca ne marche pas bien.
    NB:jai fait exprès de metter les liens sur les attributs alt,cela ne dérange pas.merci à tous
    cordialement

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    C'est tout à fait normal
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('a.class1').click(function(){...}
    va bien appeler la fonction anonyme pour chaque lien, mais ensuite
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    url: $('a.class1').attr('alt')
    récupère l'ensemble de tes liens et la méthode attr() va récupérer la valeur de l'attribut pour le premier élément de la collection, donc toujours le même et non celui de la balise cliquée.
    Il faut utiliser this ou $(this) :
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre du Club
    Inscrit en
    Janvier 2011
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 6
    Par défaut
    Merci pour ta réponse qui m'aide enfin. Mais il y a un hic : la requête ne marche pas à tous les coups. Des fois elle s'exécute, des fois pas du tout. Comment remédier et qu'est-ce qui peut causer cela ? Merci encore.

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

Discussions similaires

  1. [Plugin] uploader en jquery avec ajax
    Par thor76160 dans le forum jQuery
    Réponses: 5
    Dernier message: 07/10/2012, 14h37
  2. jquery avec ajax et fonction callback
    Par guiguiz dans le forum jQuery
    Réponses: 2
    Dernier message: 18/03/2012, 03h52
  3. jQuery avec ajax ne passe par la valeurs en data
    Par firens dans le forum jQuery
    Réponses: 1
    Dernier message: 01/11/2011, 16h00
  4. [Prototype/JQuery] tableau avec ajax
    Par friedamichelle dans le forum jQuery
    Réponses: 3
    Dernier message: 26/08/2008, 16h57
  5. [JQuery] Besoin d'aide pour formulaire avec AJAX
    Par noz62 dans le forum jQuery
    Réponses: 5
    Dernier message: 19/06/2008, 22h38

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