Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Zurück zur Übersicht

Wordpress: PHP Daten zu Javascript übergeben

#Tutorials#Wordpress#PHP#Javascript

Möchte man in Wordpress Daten von PHP ans Javascript übergeben, so kann man dies mit der wp_localize_script tun. Diese war einst dafür gedacht, Übersetzungen in Javascript zu Verfügung zu stellen. Allerdings kann man dort jede beliebige Variable hinschicken. Um das Ganze nun zu benutzen müsst ihr folgendes tun:

In der Functions.php


wp_enqueue_script( 'test', get_template_directory_uri() . '/js/test.js' ); // eure test.js Datei, die Daten bekommen soll
 
$dataToBePassed = array(
    'foo' => 'Test Variable',
    'bar' => __( 'Please wait...', 'default' )
);
wp_localize_script( 'my_js_library', 'php_vars', $datatoBePassed );

In der Javascript-Datei test.js


console.log(php_vars.foo);
console.log(php_vars.bar);

// Ausgabe
// Hier kommen dann "Test Variable" und "Please wait..." wie gewünscht als Daten an.

Kommentare

Es gibt noch keine Kommentare. Sei der Erste!

Hinterlasse einen Kommentar

Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.