Javascript + fonction php

**Entela** · 18/10/2009, 20h24

Bonsoir,
Bon je vais peut être me faire lyncher pour oser poser une question surement stupide ^^ farfelu sortit d'un imaginaire inexistant

Bref pour m'entrainer au php et au Javascript je code un petit site perso.
L'une de mes pages me permet d'ajouter des commentaires sur des articles.
Bref ma page AjCom.php contient inclue les fichiers FonctionPHP.php et FonctionJavaScript.js
Et un formulaire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form name='formulaire' onSubmit='return Contact_Validator();' method='post' enctype='multipart/form-data' >
	<h3>Pseudo : <input name='Pseudo' id='Pseudo' type='text' />
	</h3>
 
	<h3>E Mail : <input name='Mail' id='Mail' type='text' />
	</h3>
	<h3>Date: <input name='Date' id='Date' type='text' />
	</h3>
	<div align='right'>
	  <textarea name='TextCom' id='TextCom' cols='50' rows='10'>Entrez votre texte ICI</textarea>
	  <input name='Annuler' type='button' value='Annuler'/>
	  <input name='Valider' type='button' value='Valider' onClick='document.pressed=this.value'
/>
</div></form>

la fonction Javascript appelé est la suivante :

Code :

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

1
2
3
4
5
6
7
8
9
<SCRIPT LANGUAGE="JavaScript">
function Contact_Validator()
{	
	if (document.pressed == "Valider")
	{
	   document.formulaire.action="<? CreCom($_GET['page'],$_POST['Pseudo'],$_POST['Mail'],$_POST['TextCom'],$_POST['Date'])?>";
	}
}
</script>

Et la fonction php qu'il appelle :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?
function CreCom($idActu,$Pseudo,$Email,$TxtCom,$Date)
{
	$requete="INSERT INTO `pbgn`.`Com` (`IdCom`, `IdActu`, `Pseudo`, `EMail`, `TxtCom`, `Date`) VALUES (NULL, '".$idActu."', '".$Pseudo."', '".$Email."', '".$TxtCom."', '".$Date."');";      
	$result=mysql_query ($requete);
	if (!$result) {
	die("Requête invalide : " . mysql_error());}
	while ($row = mysql_fetch_assoc($result)) {
	print "Commentaire ajouté ^^";
    }
}
?>

Visiblement la fonction javascript appelle bien ma fonction php car dans ma bdd un enregistrement est inséré ... Seulement les champs sont tous vide

Donc bon ne trouvant pas la solution à ma bêtise, je vous demande un petit coup de pouce

Merci d'avance

**le_chomeur** · 18/10/2009, 20h47

vérifis que tes données sont postées , coté serveur

**Entela** · 18/10/2009, 20h59

Comment je pourrais vérifier que c'est bien posté coté serveur ? Là j'ai plutôt l'impression qu'elle ne le sont pas ^^

**le_chomeur** · 18/10/2009, 23h27

Code :

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

<? CreCom($_GET['page'],$_POST['Pseudo'],$_POST['Mail'],$_POST['TextCom'],$_POST['Date'])?>

que fais cette méthode ??

**Bovino** · 19/10/2009, 07h49

Salut,
Juste pour m'oter un doute :

Code :

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

document.formulaire.action="<? CreCom($_GET['page'],$_POST['Pseudo'],$_POST['Mail'],$_POST['TextCom'],$_POST['Date'])?>";

J'espère que tu n'attend pas que JavaScript va exécuter ta fonction PHP

**le_chomeur** · 19/10/2009, 09h08

d'ou m'a question ...

cette méthode renvoi bien une string indiquant l'url à appeler ???

**Entela** · 19/10/2009, 16h03

le_chomeur > s'était "cencé" appelé la fonction php avec en paramètre les valeurs récupéré dans mon formulaire.

Bovino > Je crois que c'est ce que je cherchais à faire, ce qui n'est pas trop logique, ceci dit ça appelle quand même ma fonction mais cela m'insère des blanc dans ma table

Comme je l'ai dit plus tôt je cherche à apprendre (un peu plus) en php/Javascript. Partant du point de vu que le

Code :

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

onClick='document.pressed=this.value'

appelle une fonction javascript, je ne pouvais pas appeler ma fonction php de cette façon, en réflexion avec un ami, il m'a conseillé de l'appeler avec une fonction javascript qui serait elle appelé dans le onClic.
En cherchent un peu sur le net pour comprendre mon erreur, j'ai cru comprendre que ce que je fait c'est pas possible XD (vu que le php est exécuté côté serveur/ javascript coté client ....)
Fin bref là j'en suis à pas savoir comment me dépêtrer dans ce que je veux faire.
Donc ma question en gros c'est ai-je un moyen de m'en sortir via Javascript, où alors sur quel raisonnement repartir pour appelé ma fonction PHP ?

**Bovino** · 19/10/2009, 17h32

j'ai cru comprendre que ce que je fait c'est pas possible XD (vu que le php est exécuté côté serveur/ javascript coté client ....)

Tu as bien compris

Le seul moyen en JavaScript de récupérer des données venant du serveur est d'utiliser Ajax (un mot qui fait souvent peur, mais ce n'est pas spécialement compliqué).

http://ajax.developpez.com/cours/

http://gael-donat.developpez.com/web/intro-ajax/

http://siddh.developpez.com/articles/ajax/

http://dmouronval.developpez.com/tut...-requete-ajax/
par exemple

**Entela** · 19/10/2009, 21h15

C'est ce que j'ai compris aussi

Mais merci pour les liens ils vont être utile ^^ ... J'ai pas encore eue l'occasion de tester Ajax (je mettais fait bouler à l'entretient d'un stage parce que je connaissais pas ce langage d'ailleurs)
C'est l'occasion de me former un peu sur ce sujet

Je potasse et teste cela et je viendrais vous dire où j'en suis, où crier grâce ou help si je tombe sur un os

Chui une grande fille j'édite plutôt que double poster

Avec un peu de potassement de ce que j'ai trouvé en fin d'aprem et une lecture rapide des quelques lien donnée auparavant (bon ok chui un peu fainéante j'ia été direct aux points qui semblaient me concerné)
J'en suis là :

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
 
<script language="javascript" type="text/javascript">
function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
function submitForm(url,NumActu,Pseudo,Mail,TextCom,DateCom){
	var xhr = getXhr()
	// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						alert(xhr.responseText);
					}
				}
				xhr.open("GET", url, true);
				xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
				var data = "$NumActu="+NumActu+"$Pseudo="+Pseudo+"$Mail="+Mail+"$TextCom="+TextCom+"$DateCom="+DateCom;
				alert ("valeurs envoyees: "+data);
				xhr.send(data);
			}
}
</script>

Niveau formulaire j'ai changé celà :

Code :

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

 <input name='Valider' type='button' value='Valider' onClick='submitForm('FonctionPHP.php',<?php $NumActu.\"','\".&Pseudo.\"','\".&Mail.\"','\".&TextCom.\"','\".&DateCom.\"'\".; ?>);'/>

Ma fonction php n'a pas changé ...
Fin bon cela ne marche pas j'ai du surement oublier quelque chose dans ma tentative d'AJAX,la question est quoi ?

Où alors j'ai strictement rien comprit et je peu retourner lire plus en détail

**andry.aime** · 20/10/2009, 15h07

Bonsoir,

xhr.open("GET", url, true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
var data = "$NumActu="+NumActu+"$Pseudo="+Pseudo+"$Mail="+Mail+"$TextCom="+TextCom+"$DateCom="+DateCom;
alert ("valeurs envoyees: "+data);
xhr.send(data);

1-Avec la methode "GET" tu dois passer les variables en URL. C'est la methode POST que tu dois utiliser avec cet écriture.
2-La séparation des variables est "&" mais pas "$".

Code :

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

1
2
3
4
5
xhr.open("POST", url, true);
				xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
				var data = "NumActu="+NumActu+"&Pseudo="+Pseudo+"&Mail="+Mail+"&TextCom="+TextCom+"&DateCom="+DateCom;
				alert ("valeurs envoyees: "+data);
				xhr.send(data);

La chaine sur la fonction submitForm est tronqué.

**Entela** · 22/10/2009, 14h46

andry.aime > Correction apportés ^^

J'en suis là dans mon javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
	xhr.open("POST","FonctionPhp.php", true);
				Pseudo=document.getElementById('Pseudo').value;
				Mail=document.getElementById('Mail').value;
				TextCom=document.getElementById('TextCom').value;
				DateCom=document.getElementById('DateCom').value;
				xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
				var data = "NumActu="+NumActu+"&Pseudo="+Pseudo+"&Mail="+Mail+"&TextCom="+TextCom+"&DateCom="+DateCom;
				alert ("valeurs envoyees: "+data);
				xhr.send(data);
			}

Là j'appelle la fonction javascript dans mon formulaire :

Code :

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

<input name='Valider' type='button' value='Valider' onClick='submitForm($NumActu);'/>

Le problème qui se pose c'est au niveau du javascript il récupère bien les valeurs dans mon formulaire sa c'est bon mais toujours aucunes lignes d'insérer dans ma table ...
Ma fonction php CreCom() est stocké dans la page FonctionPhp.php :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?
function CreCom($idActu,$Pseudo,$Email,$TxtCom,$Date)
{
	$requete="INSERT INTO `pbgn`.`Com` (`IdCom`, `IdActu`, `Pseudo`, `EMail`, `TxtCom`, `Date`) VALUES (NULL, '".$idActu."', '".$Pseudo."', '".$Email."', '".$TxtCom."', '".$Date."');";      
	$result=mysql_query ($requete);
	if (!$result) {
	die("Requête invalide : " . mysql_error());}
	while ($row = mysql_fetch_assoc($result)) {
	print "Commentaire ajouté ^^";
    }
}
?>

Donc je suppose que mes données son bien envoyé sur la page car "l'alerte valeur envoyé" est bien affiché mais que ensuite ma fonction Crecom() n'est pas appelé (je précise qu'il y a d'autre fonction php sur la même page)
... Comme je connais pas trop l'ajax n'y le javascript je suis surement passé a côté de quelque chose

**andry.aime** · 22/10/2009, 15h13

Salut,
Tu nous montres que la fonction php. Comment tu récupères les variables envoyés? Comment tu appelles la fonction (CreCom)?

**Entela** · 30/10/2009, 12h30

Voilà ce qui me manquais dans ma page FonctionPhp.php, je me disais bien qu'il manquait un truc.

Code :

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

1
2
3
4
5
6
<?
if (isset($_POST['NomFonction'])=='CreCom')
{
CreCom($_POST['NumActu'],$_POST['Pseudo'],$_POST['Mail'],$_POST['TextCom'],$_POST['DateCom']);
}
?>

Pour ce qui est de mon javascript je lui ai juste rajouté un paramètre supplémentaire qui est le nom de la fonction à appeler (ici CreCom)

Code :

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

1
2
3
4
5
6
7
8
9
			NomFonction='CreCom';
				Pseudo=document.getElementById('Pseudo').value;
				Mail=document.getElementById('Mail').value;
				TextCom=document.getElementById('TextCom').value;
				DateCom=document.getElementById('DateCom').value;
				xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
				var data = "NomFonction="+NomFonction+"&NumActu="+NumActu+"&Pseudo="+Pseudo+"&Mail="+Mail+"&TextCom="+TextCom+"&DateCom="+DateCom;
				//alert ("valeurs envoyees: "+data);
				xhr.send(data);

Bref me reste plus qu'a me débarrasser des pop up d'alerte ci c'est possible

... En tout cas mon problème est résolut

Javascript + fonction php

JavaScript

Discussions similaires

Partager

Partager