[AJAX] AJAX dans une boucle

Bonjour,

J'aimerais faire une requête AJAX en POST pour chaque span ayant la classe done_by afin d'y insérer un texte (les spans sont caché auparavant). J'ai pour cela besoin d'envoyer l'ID de chaque span ayant comme classe done_by.


Du coup j'ai créé ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

var done_by_element = $('.done_by'); for (var i=0 ; i < done_by_element.length ; i++){ var element = done_by_element.eq(i); id = element.attr('id'); var temp = id.split("_"); $.post("../functions/ajax/display_name.php", { id_case: temp[0], id_task: temp[1] }, function(data,status){ $('.done_by').html(data); //alert("Data: " + data + "\nStatus: " + status); }); }

---

Mon id est composé comme ceci number1_number2, je précise juste cela pour vous expliquer le split que j'effectue.

Admettons que je souhaite renvoyer mon ID (pour simplifier) via le $('.done_by').html(data); . Cela s'effectue mais le problème est que ça m'affiche l'ID de mon dernier span partout !
J'aimerais effectuer cette opération pour chaque span séparément. Je pensait que la boucle for serait suffisante mais visiblement ...non.

Avez-vous une idée de comment y parvenir ? Dois-je utiliser une autre technique ?

Citation:

---

ça m'affiche l'ID de mon dernier span partout !

---

Vu que c'est ce que tu demandes

Code:

---

$('.done_by').html(data);

---

ça n'a rien d'étonnant...

De toute façon, ta boucle est assez maladroite, tu devrais utiliser .each() à la place et ne mettre à jour que $(this).

Citation:

---

Envoyé par Bovino

De toute façon, ta boucle est assez maladroite, tu devrais utiliser .each() à la place et ne mettre à jour que $(this).

---

Merci ! Ça m'éclaire un peu mieux !

J'ai donc changé ma façon de procéder

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

$('.done_by').each(function() {   temp = $(this).attr('id').split("_"); alert(temp[0] + " et " + temp[1]);   $.post("../functions/ajax/display_name.php", { id_case: temp[0], id_task: temp[1] }, function(data,status){   $(this).html(data); //alert("Data: " + data + "\nStatus: " + status); }); });

---

Par contre je ne suis pas sur de mon $(this).html(data);

Lorsque j'effectue un alert avec temp[0] et temp[1] dans le .each, ça m'affiche bien tout ce que j'ai besoin mais maintenant, plus rien ne se modifie dans mon HTML.

Est-ce que le $(this).html(data); correspond bien au span en cours ? :?

Non.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

$('.done_by').each(function(){ var monSpan = $(this); temp = $(this).attr('id').split("_"); alert(temp[0] + " et " + temp[1]); $.post("../functions/ajax/display_name.php",{ id_case: temp[0], id_task: temp[1] }, function(data,status){ monSpan.html(data); //alert("Data: " + data + "\nStatus: " + status); }); });

---