So übergeben Sie PHP -Daten und -ketten an JavaScript in WordPress

Best Practices für das Übergeben von PHP -Daten an JavaScript: Ein Vergleich von wp_localize_script und wp_add_inline_script

Speichern von Daten in statischen Zeichenfolgen in Ihren PHP -Dateien ist eine empfohlene Praxis. Wenn diese Daten in Ihrem JavaScript -Code benötigt werden, ist es der beste Ansatz, sie direkt in Ihr HTML zu integrieren. wp_localize_script Die herkömmliche Methode mit wp_add_inline_script. Untersuchen wir den Nachfolger

und die neuere, bevorzugte Methode

. wp_enqueue_scripts wp_localize_script wp_add_inline_script

Funktion

wp_localize_script Diese Funktion bietet eine strukturierte Möglichkeit, Daten an Ihr JavaScript weiterzugeben. Hier ist seine Syntax:

wp_localize_script( $handle, $objectName, $arrayOfValues );

: Das registrierte Handle Ihrer JavaScript -Datei (z. B. 'my_js_library').

• $handle: Der Name des JavaScript -Objekts, das Ihre Daten enthält.
• $objectName: Ein assoziatives Array, das die Daten hält, um zu bestehen.
• $arrayOfValues Beispielimplementierung in Ihrem
:

functions.php In Ihrem JavaScript (

) greifen Sie auf die Daten wie folgt zu:

wp_enqueue_script( 'my_js_library', get_template_directory_uri() . '/js/myLibrary.js' );

$dataToBePassed = array(
    'home'            => get_stylesheet_directory_uri(),
    'pleaseWaitLabel' => __( 'Please wait...', 'default' )
);

wp_localize_script( 'my_js_library', 'php_vars', $dataToBePassed );

und

. Diese Methode beseitigt die Notwendigkeit von Code in myLibrary.js. php_vars.home php_vars.pleaseWaitLabel header.php

Funktion

wp_add_inline_script Diese neuere Funktion liefert einen optimierten Ansatz. Seine Syntax ist:

wp_add_inline_script( $handle, $data, $position = 'after' );

: Das registrierte Handle Ihrer JavaScript -Datei.

• $handle: Eine Zeichenfolge, die den zugefügten JavaScript -Code enthält. Dies sollte die Daten enthalten, die Sie übergeben möchten.
• $data: Gibt an, wo das Inline -Skript hinzugefügt werden soll ('vor' oder 'nach' das Skript).
• $position Beispiel in Ihrem
:

functions.php Ihr JavaScript kann über

und

wp_enqueue_script( 'my_js_library', get_template_directory_uri() . '/js/myLibrary.js' );

$dataToBePassed = array(
    'home'            => get_stylesheet_directory_uri(),
    'pleaseWaitLabel' => __( 'Please wait...', 'default' )
);

wp_add_inline_script( 'my_js_library', 'const php_vars = ' . json_encode( $dataToBePassed ), 'before' );

auf die Daten zugreifen. Diese Methode vereinfacht Ihren Code und hält

sauberer. php_vars.home php_vars.pleaseWaitLabel header.php Schlussfolgerung

wird im Allgemeinen für die Einfachheit und Effizienz bevorzugt.

bleibt jedoch eine gültige Option, insbesondere wenn Sie einen strukturierteren Ansatz für die Verwaltung Ihrer Daten bevorzugen. Wählen Sie die Methode, die Ihren Codierungsstil und Projektanforderungen am besten entspricht. Diese verbesserte Klarheit und Effizienz machen diese Funktionen zu wertvollen Tools für jeden WordPress -Entwickler.

Das obige ist der detaillierte Inhalt vonSo übergeben Sie PHP -Daten und -ketten an JavaScript in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!