Récupération de donnée entre php et Javascript

Version imprimable

06/08/2012, 16h43
ejazz75

Récupération de donnée entre php et Javascript

Bonjour,
Je ne connais pas du tout php, et je dois modifier un code php pour récupérer une donnée dans une table MySQL et renvoyer le résultat à un fichier Javascript.
Peut-on, via Ajax, passer un paramètre (attribut data), faire un select dans le php, renseigner ce paramètre, et dans Javascript récupérer la valeur de ce paramètre.
J'ai essayé de modifier les fichiers Javascript et php, mais je n'arrive pas à récupérer cette valeur.
Avez-vous un exemple de code php et Javascript qui pourrait m'aider à résoudre ce problème ?
Merci d'avance.
ejazz75
06/08/2012, 18h20
ejazz75

Récupération de donnée entre php et Javascript

J'ai trouvé une explication à mon problème que j'ai essayé, mais ça ne fonctionne toujours pas.
L'explication disait ceci :
pour passer une variable $nom de PHP vers Javascript, il suffit de la définir comme suit dans le code Javascript :
var NomVariable = '<?php echo $nom; ?>' ;
J'ai suivi l'exemple, et quand j'affiche la valeur de ma variable dans Javascript, j'obtiens la chaine de caractères correspondant à l'instruction php initiale. C'est comme si l'instruction php n'a pas été interprétée pour valoriser ma variable Javascript avec l'echo de la variable php.
Avez-vous une explication ou un exemple de code instructif ?
Merci d'avance pour votre aide.
ejazz75
06/08/2012, 19h17
patrickbaras

quel est l'extention de ton fichier qui contient

Code:

var NomVariable = '<?php echo $nom; ?>' ;

.htm, .html, .php ?
07/08/2012, 08h56
ejazz75

Récupération de donnée entre php et Javascript

Bonjour,
Merci pour ta réponse.
L'extension du fichier est .html
En fait, dans ce .html, on a une partie en script JS que je n'ai pas encore extraite dans un fichier en .js
ejazz75
07/08/2012, 09h06
patrickbaras

si l’extension est html le serveur ne sait pas qu'il contient du php à interpréter donc tu doit la changer en .php
07/08/2012, 09h15
rawsrc

Salut,

Tu peux aussi ajouter les fichiers .html à la liste des fichiers à parser par PHP en ajoutant ceci dans la conf d'apache :

Code:

AddType application/x-httpd-php .php .html

A voir... C'est pas forcément très optimal, mais c'est acceptable.
Généralement on préfère nommer explicitement le fichier comme ça : fichier.html.php
07/08/2012, 09h41
ejazz75

Récupération de donnée entre php et Javascript

Merci pour vos réponses.
Maintenant que j'ai créé des fichiers .js et .css pour n'avoir que du html dans mon fichier .html, est-ce que vos réponses sont toujours valides après ces modifications. Je n'ai pas de connaissance en php, et j'ai un peu de mal à comprendre vos propositions de solutions.
En tout cas, je vais essayer ce que vous proposez avant d'avoir d'autres pistes.
Merci.
07/08/2012, 10h01
patrickbaras

lorsque tu demande un fichier .htm ou .html au serveur il prend le fichier et l'envois (presque) sans rien faire.
lorsque tu demande un fichier .php au serveur il le fait d'abord passer le fichier dans l'interpréteur php et te renvois le résultat
l'interpréteur php va remplacer (dans ton exemple) <?php echo $nom?> par ce que contient la variable $nom (exemple 'blabla').

1er solution changer l'extention pour faire passer le fichier dans le "moteur"(interpréteur) php

2eme solution (de rawsrc) dire au serveur que les fichiers .html doivent aussi passer par "le moteur" php
personnellement je déconseille ce genre de chose car tu ne saura plus distinguer les pages où tu va avoir du code php (.php) et les pages ou il n'y en a pas (.html / .htm) et les pages simplement html vont passer par le "moteur" même si il n'y a pas de code a interpréter (donc du travail, des ressources et du temps perdu pour le serveur)
07/08/2012, 10h42
ejazz75

Récupération de donnée entre php et Javascript

Merci pour tes explications bien précieuses et très instructives pour moi.
Je voudrais juste rappeler le contexte de mon travail :
- je suis entrain de tester une toute petite application qui nécessite de sauvegarder des données dans une BD et de les restituer par la suite
- au niveau fichiers, j'ai un .html qui appelle des .js, puis des .js qui appellent des .php
- au niveau BD, j'ai une table MySQL sous WAMP
- j'utilise ajax
J'ai fait des petites modifications sur ces fichiers et lancer mes tests, résultats :
- au niveau sauvegarde des données, c'est OK
- au niveau restitution, c'est KO, bien que côté php je retrouve bien les données, mais côté JS, j'ai soit une chaîne de caractères correspondant à l'instruction initiale php, soit de l'espace, la récupération des données sous JS doit être quelque chose de spéciale que je ne connais pas
Je ne sais pas si ce rappel peut modifier ta vision des problèmes que je rencontre pour me proposer une solution.
Ne connaissant pas du tout php, je ne sais pas si cela est facile à résoudre.
En cherchant des exemples de codes, je n'ai rien trouvé de concluant.
Merci encore pour tes explications.
07/08/2012, 11h07
patrickbaras

tu fait donc une requete ajax à partir d'une page html , vers un fichier php qui met dans une varibale $nom='quelquechose'
tu veux récupérer le contenu dans une variable javascript dans la page html

tu doit dans ton php générer non pas du html mais bien du javascript (sans les balise <script></script>)
exemple:

Code:

echo "var NomDeMaVariableJs='".$nom."';"

ensuite dans ton javascript (de la page html) faire un eval(); de ce que retourne l'ajax
exemple:

Code:

eval(xhr.responseText);

de cette manière les instructions générée par le php seront "évaluées" (excécutées)
donc aprés ta réquête ajax tu aura dans ton javascript :

Code:

NomDeMaVariableJs='quelquechose';
07/08/2012, 11h50
ejazz75

Récupération de donnée entre php et Javascript
Merci encore pour tes réponses.
Tu as bien saisi ce dont je voulais faire.
Mais malheureusement, mes tests se font en local, et comme je suis nul en php, je n'utilise pas du tout les structures XML. Je modifie simplement des codes php existant qui sont peut-être erronés à la base ou tout simplement obsolètes. Je n'en sais strictement pas grand chose sur l'état exacte de ces codes, tant qu'ils fonctionnent et satisfont à mes demandes, cela me suffit amplement.
Le code que j'ai trouvé ressemblent à peu près à cela :
Code:

1 2 3 $.ajax({type : .... , url : .... , data : ....}
Comment récupérer les données des paramètres passés par data dans mon fichier .js ?
Toujours et encore merci pour ton aide.
07/08/2012, 11h57
patrickbaras
Citation:

Envoyé par ejazz75

Le code que j'ai trouvé ressemblent à peu près à cela :
$.ajax({type : .... ,
url : .... ,
data : ....}

en procédant de la même manière mais en ajoutant les balises <script></script>
Code:

1 2 3 echo "<script>"; echo "var NomDeMaVariableJs='".$nom."';" echo "</script>";
07/08/2012, 11h59
patrickbaras

Citation:

Envoyé par ejazz75

je n'utilise pas du tout les structures XML.

xhr. n'a rien a voir avec XML, mais c'est pas grave, lol.
07/08/2012, 12h48
ejazz75

Récupération de donnée entre php et Javascript

Merci.
Ce qui prouve bien mon incompétence dans bien d'autres domaines. :D
Et par conséquent, ton aide m'est bien utile.
07/08/2012, 13h22
ejazz75

Récupération de donnée entre php et Javascript

Donc si j'ai bien compris :
1° - dans mon fichier .php, je rajoute le script du genre :
echo "<script>";
echo "var NomDeMaVariableJs='".$nom."';";
echo "</script>";
2°- dans mon fichier .js, que faut-il rajouter après ajax(....);
- faut-il faire un eval(); de quelque chose ???
car si je fais un alert(); sur la var NomDeMaVariableJs, cette dernière n'est pas connue dans le fichier .js
Je suis un peu perdu dans les petites modifications à faire.
Merci de m'éclairer si possible.
07/08/2012, 13h42
patrickbaras
Citation:

Envoyé par ejazz75

2°- dans mon fichier .js, que faut-il rajouter après ajax(....);
- faut-il faire un eval(); de quelque chose ???
car si je fais un alert(); sur la var NomDeMaVariableJs, cette dernière n'est pas connue dans le fichier .js

pas de eval dans ton $.ajax tu ajoute (ou modifie si ca existe) le contenu de
success :
Code:

1 2 3 4 5 6 7 $.ajax({ url:... ...., success: function() { alert(NomDeMaVariableJs); } });
cela devrait t'afficher le contenu de la variable
07/08/2012, 14h12
ejazz75

Récupération de donnée entre php et Javascript

J'ai bien la fonction success que j'ai modifiée.
Je fais un test pour savoir si la variable est vide, puis je fais un alert() de la variable et j'obtiens :
undefined
Elle doit contenir une chaîne de caractères tout simplement.
As-tu une explication ?
07/08/2012, 14h41
ejazz75

Récupération de donnée entre php et Javascript

Apparemment, la variable définie dans le fichier .php (var NomDeMaVariableJs) n'est pas du tout connue dans l'exécution de la fonction success.
Je teste sous Firefox, et dans Firebug, je constate bien :
ReferenceError: NomDeMaVariableJs is not defined
avant de pouvoir faire alert()
Si je déclare cette variable, j'ai bien l'alert() avec undefined, mais ça n'a pas de sens de re-déclarer cette variable.
On est sans doute pas très loin de la solution, mais il doit encore manquer un petit quelque chose pour obtenir la valeur de cette variable.
As-tu un idée ?

pour être sur des bêtises que je raconte j'ai fait un petit test:

en fait :

dans ton php, tu génère ton script sans les balises <script></script>
mais dans les infos de l'ajax tu doit ajouter ,dataType: "script"

ma page.html

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
36
37
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script language="javascript" type="text/javascript" src="/javascript/jquery-1.7.2.min.js"></script>
</head>
<body>
	<input type='text' id='champ_test'>
	<input type='button' id='button_test' onclick='OnClickButton();'>
 
 
<script>
function OnClickButton()
{	
	$.ajax(
		{
			type: "GET"
			,url: "page.php"
			,async: true
			,dataType: "script"
			,success: function(msg)
			{
				alert(MaVariableJS);
				$("#champ_test").val(MaVariableJS);
			}
			,error : function(obj,msg,exep)
			{
				alert(msg+" "+exep);
			}
 
		}
	);
}	
</script>
</body>
</html>

ma page.php

Code:

1
2
3
4
<?php
$nom="quelque chose dedans";
echo "var MaVariableJS='".$nom."';";
?>

désolé de la confusion

07/08/2012, 18h00
ejazz75

Récupération de donnée entre php et Javascript

Un grand merci pour ta dernière proposition.
J'ai testé tes fichiers et ça fonctionne super bien.
J'ai mis ta solution dans ma petite application, et j'obtiens bien tous les echo de mon fichier .php dans la console Firebug et tous les alert() dans la fonction success. Je ne connaissais pas du tout le paramètre dataType.
Je touche enfin au Graal grâce à ton aide.
Encore mille merci pour ton aide.
07/08/2012, 18h02
patrickbaras

de rien, n'oublie pas de mettre en "résolu"