Discussion :

[petitefievel]

Bonjour!

Je suis confronté à un problème qui je suis sure n'est pas si complexe que ça à résoudre, mais voilà après de très très très nombreuse tentatives et recherches sur le net, rien.
Alors voilà j'ai une table qui s'affiche sur ma page html, elle est remplie grâce à une requête sql (appelée par un include sur ma page). J'ai un bouton "ajouter" avec un petit formulaire. Par ce formulaire j'arrive à ajouter ma donnée dans la bdd le soucis c'est que j'aimerais que ma table s'actualise après l'ajout pour qu'il soit visible directement. Mais là ça coince. Je vous met mon code AJAX (je suis débutante alors peut être est-il bourrée de fautes)

Code :

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

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
function envoie()
{
	var nom=document.ajgroup.txtnom.value;
	var style=document.ajgroup.txtstyle.value;
	var histoire=document.ajgroup.txthist.value;
	if (nom=="" || style=="" || histoire=="")
	{
		if(nom=="")
		{
			alert('Veuillez entrer un nom');
			return false;
		}
		else if (style=="")
		{
			alert('Veuillez entrer le style');
			return false;
		}
		else if (histoire=="")
		{
			alert ('Veuillez entrer l\'histoire du groupe');
			return false;
		}
	}
	else if (nom!="" || style!="" || histoire!="")
	{
		var xhr; 
		var data="nom=" + nom +"&style=" + style+"&histoire=" + histoire;
 
		try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
		catch (e) 
		{
			try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
			catch (e2) 
			{
				try {  xhr = new XMLHttpRequest();     }
				catch (e3) {  xhr = false;   }
			}
		}
 
		xhr.onreadystatechange  = function()
		{ 
			if(xhr.readyState  == 4)
			{
				if(xhr.status  == 200) 
				document.getElementById("tabgroup").innerHTML =xhr.responseText; 
				else 
				document.getElementById("tabgroup").innerHTML="Error code " + xhr.status;
			}
		}; 
 
		xhr.open( "POST", "ajoutgroup.php",  true); 
		xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
		xhr.send(data); 
		return true;
	}
}

Donc voilà tout fonctionne mais je ne trouve pas comment mettre à jour ma table qui se trouve dans un div ayant pour id 'tabgroup'.
Si quelqu'un à une suggestion!

[vermine]

Bonjour,

Il faut voir ce que vous rend xhr.responseText. Ensuite on pourra déterminer la méthode la plus adéquate pour ajouter votre nouvelle valeur dans la table.
C'est une table HTML de ce type : <table> ?

[andry.aime]

Bonsoir,
Je crois que ce test n'est plus utile

if (nom!="" || style!="" || histoire!="")

Sinon, je pense que c'est mieux de faire

Code :

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

else if (nom!="" && style!="" && histoire!="")

+1 vermine,
Peut-on voir ton code HTML aussi?

A+.