Discussion :

[pandu]

Bonjour !


Je voudrais connaître la syntaxe utilisée pour appeler une fonction php (avec ou sans paramètres, avec ou sans "return") à partir de Javascript.
Je cherche aussi un site où il y aurait la liste des fonctions et expressions JS, (en français évidemment

Merci

[vermine]

Bonjour,

En gros, le JavaScript s'exécute côté client. Pour interagir avec le côté serveur (PhP), vous pouvez utiliser un appel Ajax (pas de rechargement de la page) ou bien faire un submit d'un formulaire (rechargement de la page).

Quant à la liste des fonctions et autres, c'est plus compliqué de trouver tout ça. Le noyau a été complété dernièrement, et les Frameworks JavaScript agrandissent la liste des possibilités.

[pandu]

Je fais donc une requête Ajax et j'appelle la fonction vari() comme suit :

Code :

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

xhr.open("GET","vari()",false);

Mais apparemment ce n'est pas bon car firebug n'est pas content :

GET http://www.monsite.com/vari()

404 Not Found 256ms.
Comment je peux faire ? La fonction appelée (vari()) est dans le source du programme

[Bovino]

J'imagine que tu n'as jamais lu la moindre documentation sur AJAX...

[Zelea]

ahahaha.... desole mais le dernier smiley m'a fait rire... Ajax te permer d'executer un script php et pas une fonction php....

Javascript = Client

PHP = Server

Ajax= JS qui appelle un PHP et qui recupere ce que le script repond au client JS

[SpaceFrog]

ajax doit pointer sur un fichier ... pas une fonction ...


Mais comme le souligne Beef il serait peut etre bon de lire un ou deux tutos sur ajax avant de vouloir aller plus loin...

[darkterreur]

En revanche le fichier sur lequel tu pointe, peu lui appeler une fonction, mais elle dois être incluse dans ce même fichier.

De plus, tu dois utilise une fonction JS pour consulter le serveur afin de savoir a qu'elle moment il a finit d’interpréter le code php, et donc de récupérer la réponse du serveur après l’exécution du code php.

mais je n'ai plus la commande en tête.

Suis je clair? Messieurs les pères corrigez moi si je dis une ânerie.

[pandu]

En revanche le fichier sur lequel tu pointe, peu lui appeler une fonction, mais elle dois être incluse dans ce même fichier.

De plus, tu dois utilise une fonction JS pour consulter le serveur afin de savoir a qu'elle moment il a finit d’interpréter le code php, et donc de récupérer la réponse du serveur après l’exécution du code php.

mais je n'ai plus la commande en tête.

En fait la commande ajax teste elle même si la réponse est ok :

Code :

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

1
2
3
4
5
6
if(xhr.readyState == 4 && xhr.status == 200){
				var s2 = '<?php echo $_SESSION['varo']; ?>' ;
 
  		             document.form.elements[3].value = s2; 
                    alert(s2);
					}

En fait tout marche bien sauf qu'il semble ne pas récupérer $_SESSION['varo'] alors qu'il l'a bien rempli dans le prog appelé ! s2 vaut toujours " " !
Cela dit quelque chose à quelqu'un ?

[Willpower]

En fait la commande ajax teste elle même si la réponse est ok :

Code :

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

1
2
3
4
5
6
if(xhr.readyState == 4 && xhr.status == 200){
				var s2 = '<?php echo $_SESSION['varo']; ?>' ;
 
  		             document.form.elements[3].value = s2; 
                    alert(s2);
					}

En fait tout marche bien sauf qu'il semble ne pas récupérer $_SESSION['varo'] alors qu'il l'a bien rempli dans le prog appelé ! s2 vaut toujours " " !
Cela dit quelque chose à quelqu'un ?

Pour mieux comprendre, imagine-toi que coté serveur t'as un gars qui lit ton php et l'envoi le résultat au client. Coté client t'as un gars qui lit le javascript et l'exécute.

soit tes 2 pages :
- page principale
- page appelée par la requete ajax


principale.php coté serveur :

Code :

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

1
2
3
4
5
6
7
8
9
10
xhr.onreadystatechange=function(){
	if(xhr.readyState == 4 && xhr.status == 200){
		var s2 = '<?php echo $_SESSION['varo']; ?>' ;
		document.form.elements[3].value = s2; 
		alert(s2);
		var reponse = JSON.parse(xhr.responseText);
		alert(reponse.sess);
	}
};
xhr.open("GET","http://www.monsite.com/ajax.php",false);

arrivée chez le client :

Code :

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

1
2
3
4
5
6
7
8
9
10
xhr.onreadystatechange=function(){
	if(xhr.readyState == 4 && xhr.status == 200){
		var s2 = '' ;
		document.form.elements[3].value = s2; 
		alert(s2);
		var reponse = JSON.parse(xhr.responseText);
		alert(reponse.sess);
	}
}
xhr.open("GET","http://www.monsite.com/ajax.php",false);

qui, une fois executé, appelle ta page ajax.php coté serveur :

Code :

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

echo "{sess:'".$_SESSION['varo']."'}";

et du coté client récupère ta page ajax.php ainsi :

Code :

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

{sess:'416512345'}";

qui sera alors utilisée par le client dans ta fonction de callback (onstatechange) :

Code :

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

1
2
3
4
5
6
7
8
9
10
xhr.onreadystatechange=function(){
	if(xhr.readyState == 4 && xhr.status == 200){
		var s2 = '' ;
		document.form.elements[3].value = s2; 
		alert(s2);
		var reponse = JSON.parse(xhr.responseText);
		alert(reponse.sess);
	}
};
xhr.open("GET","vari()",false);

[pandu]

Merci pour ces explications bien claires !
En fait si j'ai bien compris, $_SESSION n'est pas utilisable ici.
Il faut passer par responseTxt. Ca marche au poil !
Petite question quand même :

Code :

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

var reponse = JSON.parse(xhr.responseText);

C'est quoi le JSON.parse ?

[Kaamo]

C'est une fonction native javascript qui parse l'objet "JSON" reçu. Cela permet de se protéger de certains codes malicieux qui pourraient être injectés dans xhr.responseText. Ainsi avec cette méthode, il n'y a pas de risque.

Sinon un objet JSON est un flux qui contient des données structurées, à l'instar de xml, mais plus performant pour être utilisé avec javascript : Documentation

[pandu]

C'est une fonction native javascript qui parse l'objet "JSON" reçu. Cela permet de se protéger de certains codes malicieux qui pourraient être injectés dans xhr.responseText. Ainsi avec cette méthode, il n'y a pas de risque.

Sinon un objet JSON est un flux qui contient des données structurées, à l'instar de xml, mais plus performant pour être utilisé avec javascript : Documentation

Ok. Merci beaucoup.