[AJAX] Remplacement Valeur Vs Concatenation
Salut tout le monde
je voudrais savoir comment fait-on pour remplacer des valeurs ajouter par exemple apres un click ?
exemple :
j ai un lien, lorsque je click sur ce dernier je fais un appel a ajax qui me fait apparaitre des valeurs dans un div mais lorsque je reclick de nouveau sur ce lien ou sur un autre lien les données se mettent a la suite
ma question : comment faire pour effacer les donnees affiché au prealable pour ensuite ajouter les nouvelles ?
ps : je me demande si l'erreur ne vient pas du fait que j'ai creer un tableau pour afficher les données ?
ps 1 : je sais pas vraiement si c'est un probleme ajax ou js mais je savais pas ou poster :roll:
Mon Code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
function recup_pizza(xhr,num_pizza)
{
if(xhr.readyState == 4)
{
var reponse = xhr.responseXML;
var items = reponse.getElementsByTagName("pizza");
var table = document.createElement("table");
// on parcourt toutes les balises
for(var i=0;i<items.length;i++)
{
/* me donne le nom des pizza
alert(reponse.getElementsByTagName("pizza")[i].getElementsByTagName('nom')[0].firstChild.data);
*/
// si la pizza desiré est reperé
if(reponse.getElementsByTagName("pizza")[i].getElementsByTagName('id')[0].firstChild.nodeValue == num_pizza)
{
var tr = document.createElement('tr');
for(j=0;j< reponse.getElementsByTagName("pizza")[i].getElementsByTagName('ingredient').length;j++)
{
td = document.createElement('td');
txt = document.createTextNode(reponse.getElementsByTagName("pizza")[i].getElementsByTagName('ingredient')[j].firstChild.data);
td.appendChild(txt);
tr.appendChild(td);
}
table.appendChild(tr);
}
}
document.getElementById('ecran').appendChild(table);
}
} |
