Discussion :

[vgross]

Bonjour à tous,

Voila mon problème :

J'ai un espace membre sur mon site qui permet au utilisateur de pouvoir renseigner ses produits sur un catalogue.

Lors du chargement de l'index, j'affiche, grâce à une requete ajax jquery, l'ensemble des produits appartenant à l'user.

Code :

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

1
2
3
4
5
6
7
8
  $.ajax({
    url:"/ajax/user_list_items.php",
    type: "POST",
    data: ({id_user:id_user}),
    success:function(data){
      $('#user_items').html(data);
    }
  });

à coté de chaque produits il y a un checkbox qui permet de le selectionner pour le supprimer ou l'éditer

Une fois que l'utilisateur à coché les produits à supprimer et qu'il les supprime, je relance ma requete ajax pour mettre à jour ma page mais de cette manière la :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
    $.ajax({
      url:"/ajax/user_list_items.php",
      type: "POST",
      data: ({id_user:id_user}),
      success:function(data){
        $('#user_items').empty();
        $('#user_items').html(data);
        $('#user_items').show();
      }
    });

J'utilise .empty() pour vider la div avant de la remplir de nouveau avec les résultats de la requete ajax

Le problème, c'est que meme avec le .empty() lors du chargement des data de la requete ajax, il y a encore des produits visibles dans la liste, qui n'existe plus en base (car supprimé) et qui disparaisse avec un coup de F5.

Si je sélectionne 1 ou 2 produits, pas de soucis mais si je dépasse les 5 ça devient n'importe quoi !

Je voulais savoir si il y avait pas au sein de Jquery une espèce de "mémoire tampon" ou autre que je devrais vider pour éviter ces bugs d'affichages ?

J'espère avoir été clair

Merci

[vgross]

Bon ben je vais me répondre tout seul parce que je viens de trouver...

En fait j'ai rajouté "async:false" à la requête ajax qui efface les produits dans la BDD :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
    $.ajax({
      url:"/ajax/del_items.php",
      type: "POST",
      data: ({id_item:id_item}),
      async:false,
      success:function(data){
      [...]
      }
    });

J'espère que ça servira un jour à qqn :-)