Supprimer ancien contenu après ajax

Bonjour,

J'ai un petit soucis avec ajax !?! J'ai une vue de base (sous laravel ) dans laquelle vient s'imbriquer au fur et à mesure des nouvelles vues en ajax afin d'éviter des rechargements de pages ... Mon problème est le suivant : Dans plusieurs de ses vues il y a des éléments récurrents , hors après 5 ou 6 changements de vues , quand on valide un de ses éléments récurrents, la console indique que cela valide également les éléments précédents ....

voici un de mes appel appel ajax :

Code:

---

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

$(document).on('click', '#rech_cluster', function () { $.ajax({ url: 'programme-cluster', type: 'GET', beforeSend: function () { $.LoadingOverlay('show') }, success: function (e) { $data = $(e), $('#pagetotal7').fadeOut().html($data).fadeIn(), $.LoadingOverlay('hide') } }) });

---

Le principe est que le retour json vient remplacé la div #pagetotal7 ... or celle ci n'est pas supprimé , mais on superpose la nouvelle vue dessus .

Ma question est de savoir si il existe un moyen pour supprimer la vue initiale ( en gros que ce ne soit pas une superposition mais un remplacement )

Merci d'avance !!!!!!!

Bonjour,
pas franchement compris ce qui t'arrive !!

Pour vider un élément il existe la méthode .empty().

Merci avant tout pour la réponse et le déplacement.
Je vais essayer le empty ...
Concernant mon soucis , quand vous regardez ma fonction ajax j'ai mes $data qui viennent remplacer #pagetotal7 ... Hors ce remplacement est actuellement une superposition et non un remplacement pure et simple ( ex : ces deux conteurs contiennent un élément en commun en js -> 'sauvegardePdf' , or quand je clique cet élément sur la nouvelle vue, la sauvegarde est faîtes deux fois dans la BDD , une venant du nouveau conteneur et une de l'ancien ).

J'essaye le empty et je reviens vers vous ...

Code:

---

$('#pagetotal7').fadeOut().html($data).fadeIn(),

---

cette ligne remplace le contenu de id="pagetotal7" ...
Il n'y a aucune raison de faire un empty, ni que le contenu précédent reste ...


Vérifie en console ce que tu reçois en réponse de ton ajax ...
Pour moi c'est le retour qui cumule ...

Bonjour, avant tout merci pour la réponse c'est bien le retour qui cumule .

A présumer je pourrais renommer le #rech_cluster differemment pour chacune des vues (mais le soucis reste que quand on revient (toujours en ajax) sur une des vues déja utilisé, cela se reproduira ? )

Savez vous comment on peut eviter ceci ?

Merci d'avance

un nocache en paramètre de ton ajax ?

Désolé pour le retard , j'étais sur une autre partie du projet ...
le cache : false fonctionne mais n'a pas l'effet escompté ( l'écho est toujours présent ) ...
je vais tenter la nomination par des variables aléatoires des id des div ou autres qui servent au click a déclencher les appels ajax et je reviens vers vous ...

Merci encore pour la piste ...

Bonsoir,

je marque mon astuce au cas ou ...

au chargement de la page mère je fais une petite variable php

Code:

---

$aleatoire1='vueliste'.rand(1,500);

---

Puis sur mon élément ou il y aura un click

Code:

---

<a id="<?php echo $aleatoire1; ?>" class="CP">Liste</a></div>

---

Enfin sur mon appel ajax :

Code:

---

$(document).on("click","#<?php echo $aleatoire1; ?>",function(){ ...

---

Ce n'est pas très propre, mais ça fonctionne et il n'y a pas d'écho !?!

Merci encore SpaceFrog pour t'être penché sur mon soucis et bonne continuation !