Il existe de nombreuses circonstances dans lesquelles les concepteurs Web doivent définir des variables PHP dans Javascript. Bien que cela semble assez simple, c’est compliqué par le fait que Javascript est un code qui s’exécute généralement sur le client (ou navigateur) de l’utilisateur. PHP, en revanche, est un script qui s’exécute sur le serveur Web. Cette architecture introduit une certaine complexité lorsque vous souhaitez passer des variables entre les deux.
Comment définir des variables PHP dans Javacript
Vous pouvez résoudre la difficulté de passer des variables directement entre ces deux scripts en passant des variables indirectement. Au fil des ans, les concepteurs Web ont développé plusieurs méthodes pour ce faire. Il s’agit notamment de passer des variables dans le cadre de l’appel Javascript HREF, d’utiliser la commande PHP « echo » ou d’utiliser des formulaires. La méthode que vous décidez d’utiliser dépend principalement des informations que vous prévoyez de passer entre les deux scripts et de ce que vous prévoyez d’en faire.
Passer des variables à un script PHP
Une méthode pour intégrer Javacript et PHP consiste à transmettre des variables Javascript à un fichier PHP en appelant la page PHP dans Javascript. Cette méthode est la plus couramment utilisée pour transmettre des informations d’écran sur la résolution d’écran du client au fichier PHP, afin que PHP puisse afficher la page Web avec le formatage correct pour cette taille d’écran. Pour ce faire, ils ajoutent les variables à la fin de l’appel HREF, comme suit.
|
|
Enfin, afin de traiter les variables de largeur et de hauteur passées au fichier PHP ci-dessus, le fichier showsize.php doit contenir le code suivant.
echo «
Votre résolution d’écran:« ; |
Cette technique vous permet de transmettre n’importe quelle variable de votre application Javascript client au code PHP qui s’exécute sur le serveur. Des formes plus avancées de cela pourraient fournir beaucoup plus de fonctionnalités à votre page Web. Par exemple, votre Javascript pourrait transmettre des éléments que vous souhaitez interroger à partir d’une base de données stockée sur votre serveur et le code PHP pourrait effectuer la requête et renvoyer les résultats sur votre page Web.
Faites bon usage de la commande Echo
L’un des moyens les plus simples de définir des variables PHP dans Javascript est d’utiliser la commande PHP « echo ». C’est le moyen le plus efficace de définir des variables PHP n’importe où dans votre page Web, mais le plus efficacement, directement dans votre Javascript. L’exemple ci-dessous montre comment cette technique fonctionne.
|
|
Dans cet exemple, l ‘«écho» PHP ressemble beaucoup à l’ancien «écho» DOS que les programmeurs utilisaient pour les anciens programmes informatiques pour imprimer des éléments particuliers sur l’écran de l’ordinateur. Dans ce cas, le script PHP « imprime » la valeur de la variable directement dans le Javascript sur la page Web. Il est très important de noter que les variables PHP doivent toujours être précédées d’un « $ » ou vous recevrez des erreurs. Dans l’exemple ci-dessus, le script PHP crée d’abord la variable « $ Employees », puis lui attribue la valeur « 10. » Enfin, dans la section « script », cette variable peut être appelée n’importe où, à condition que le « ? Php? » la convention est utilisée. Autrement dit, la commande PHP echo suivie de la variable et encadrée des deux côtés par un point d’interrogation.
Autres façons d’utiliser des formulaires ou de générer du JavaScript
Il existe deux autres techniques importantes à prendre en compte chaque fois que vous intégrez PHP et Javascript. Le premier concerne la méthode de création de Javascript «à la volée». Cela signifie que le programme PHP créera le Javascript pour la page en fonction de variables particulières. Cela peut être une méthode très puissante, car vous pouvez changer radicalement le comportement d’une page Web simplement en modifiant une variable. Par exemple, vous pouvez personnaliser les options de menu et les comportements en fonction de la personne qui se connecte à votre site Web.
|
if ($ gender == « Femme ») { // produit quelque chose de personnalisé pour les femmes } autre { // sortie parfois personnalisée pour les hommes } |
En créant le Javascript dans le PHP, vous pouvez définir vos variables PHP dans le Javascript avec très peu d’effort. Vous pouvez également exécuter la même technique dans l’autre sens. Autrement dit, vous pouvez intégrer du code PHP dans votre Javascript afin de créer le script approprié au fur et à mesure du chargement de la page. Voici un exemple de cette technique:
|
|
Mots finaux
Comme le montrent tous ces exemples, il existe une multitude de façons d’utiliser les variables PHP dans Javascript, ainsi que d’utiliser des variables Javascript dans PHP. Même si chaque script s’exécute sur le client ou le serveur, il est toujours possible de créer une ligne de communication entre les deux scripts en utilisant les méthodes décrites ci-dessus.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
