[AJAX] Enregistrement champs formulaire

Version imprimable

04/08/2009, 08h50
nicerico

[AJAX] Enregistrement champs formulaire

Bonjour

j'aimerai enregistrer les champs de mon formulaire des que ceux ci sont rempli :

donc j'ajoute un onblur sur chaque champs
cela va declencher la fonction ajax qui va envoyer le nom du champs et sa valeur au fichier php
le fichier php va enregistrer le 1er champs dans la table avec un insert
et il doit me renvoyer l'id créé dans la table afin que les autres champs soient enregistrés avec un update

est ce la bonne methode?
existe il un script ou un tuto?

Merci de votre aide et de vos suggestion
04/08/2009, 09h23
DoubleU

Clairement, non ce n'est pas la bonne méthode.

Pourquoi ne pas simplement enregistrer tous tes champs une fois le formulaire correctement rempli et soumis?
04/08/2009, 10h23
nicerico

parce que le cahier des charges veut que chaque champs remplis soient enregistrés directement...

concernant la recuperation des valeurs entrées je fais :

Code:

onblur=\"form_ajax('$Table','$Field',this.value)\"

mais apparment this.value n'est pas le bon terme à utiliser car j'ai l'erreur js "objet attendu"
04/08/2009, 10h38
andry.aime

Salut,
this.value se réfère à value de l'élément, c'est la bonne syntaxe mais je m'en doute avec $Table et $Field. Vérifie le code html généré.
De plus:

Citation:

Envoyé par DoubleU

Clairement, non ce n'est pas la bonne méthode.

Pourquoi ne pas simplement enregistrer tous tes champs une fois le formulaire correctement rempli et soumis?

Je pense que dans ton cas, l'utilisation de AJAX n'est utile que pour faire une vérification coté serveur avant l'envoie du formulaire si c'est nécessaire.

quelle serait la bonne methode ?

voici ce que j'utilise actuellement comme ajax (qui ne fonctionne pas)

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
 
function form_ajax(table,champs,valeur)
{
	var OAjax;
	if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
	else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); 
	OAjax.open('POST',"../../traitement_form.php",true);
	OAjax.onreadystatechange = function()
	{
		if (OAjax.readyState == 4 && OAjax.status==200)
		{
			if (document.getElementById) 
			{	
				if (OAjax.responseText =='true') {
				alert(table+" "+champs+" "+valeur);	
				document.getElementById('msg').innerHTML='';		
				}else{
				document.getElementById('msg').innerHTML=OAjax.responseText;
				}
			}
		}
	}
	OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	OAjax.send('table='+table+'&champs='+champs+'&valeur='+valeur);
}

Code source de l'appel :

Code:

<input type="text" width="32" id="nom" name="nom" maxlength="32" tabindex="2" title="Nom" value="[nom]" lang="fr" onblur="form_ajax('c_etatcivil2','nom',this.value)" />

le Alert ne s'affiche pas

merci de votre aide

04/08/2009, 11h47
DoubleU

Si le alert ne s'affiche pas, c'est que tu ne rentres pas dans ton if car ton resoponseText ne vaut pas 'true', sans doute car dans ton script php, tu as quelque par un espace ou un saute de ligne avant ou apres les balises <?php ?>.

Ca peut être d'autant plus difficile à trouver si tu fais de multiples inclusions de fichiers, il faut les regarder un par un.
04/08/2009, 12h35
nicerico

oui merci, j'ai trouvé l'erreur
donc ça fonctionne maintenant:)

en resumé :
lorsque je sors du champs, cela appel la fonction ajax, qui active le script php d'insertion dans la bdd

mais si je rempli un autre champ : ça me fait toujours un insert
il faut donc que je créé une variable qui recupere le nouvel "id" inséré

comment passer cette variable afin de la recupérée ensuite pour activer la requete update
quelque chose comme :

Code:

$derinsert = "<script language='Javascript'> document.getElementById('msg').innerHTML </script>";