Discussion :

[djo007]

Bonjour à tous,

j'aurais besoin d'un peut d'aide concernant la fonction each() de JQuery.

j'utilise cette fonction pour renseigner une valeur dans une balise suite la valeur data- retourné.
mon problème est que la fonctionne Ajax que j'ai intégré dans mon each() met beaucoup de temps à répondre (communication avec une base de données d'une machine…)
Le temps que la fonction ajax réponde, la fonction each() fait ca vie…

voici le 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
$(".disponibilitee_Outil").each(function(e){ 
 
  var Refoutil = $(this).data("refoutil");
  if (Refoutil!=''){
    console.log(Refoutil);
    var actionFormulaire = "ajax/traitement.php";
    var donneesSerialiseesFormulaire = 'action=disponibilitee_Outil&refoutil='+Refoutil;
    $.post(actionFormulaire, donneesSerialiseesFormulaire, function(reponseJsonRetournee){
      if (reponseJsonRetournee['ChargementDesDonnees']==true) {
        console.log(reponseJsonRetournee['resultat']);
      }
    }, "json");
  }
});

Du coup dans la console avec les console.log() en résultat j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
ref outil 1
ref outil 2
resultat ajax
resultat ajax

au lieu d'avoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
ref outil 1
resultat ajax
ref outil 2
resultat ajax

Je sais pas si je me suis bien fait comprendre..

Merci pour votre aide

[Toufik83]

Bonjour,

D'après ce que je comprends, tu veux que les résultats soient synchronisés avec les appels ajax, mais le problème c'est qu'ils y'aura trop d'aller retour vers le serveur (deux fois dans ce cas) surtout quand le nombre de ".disponibilitee_Outil" est élevé...

Pourquoi ne pas utiliser UNE SEULE requête ajax qui envoie un tableau de valeurs vers le serveur ? :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
let Refoutil=[];//déclaration d'un tableau
$(".disponibilitee_Outil").each(function(e){ 
    Refoutil.push($(this).data("refoutil"));//stocker les valeurs de data-refoutil dans le tableau
 });
//puis là tu envois le tableau (en passant par JSON.stringify()) une seule fois :
var actionFormulaire = "ajax/traitement.php";
var donneesSerialiseesFormulaire = 'action=disponibilitee_Outil&refoutil='+JSON.stringify(Refoutil);
$.post(actionFormulaire, donneesSerialiseesFormulaire, function(reponseJsonRetournee){
      if (reponseJsonRetournee['ChargementDesDonnees']==true) {
        console.log(reponseJsonRetournee['resultat']);
      }
    }, "json");

[djo007]

Je ne connaissais pas "JSON.stringify()", merci pour la solution, j'ai fais ca cette après-midi 'est un casse tête de régler je vais pouvoir dormir

Merci