WordPressでPHPデータと文字列をJavaScriptに渡す方法

wp_localize_script phpデータをJavaScriptに渡すためのベストプラクティス：wp_add_inline_scriptと

の比較 PHPファイルに静的文字列内にデータを保存することが推奨される練習です。 JavaScriptコードでこのデータが必要な場合は、wp_localize_script wp_add_inline_scriptを使用する従来の方法。その後継者、

。wp_enqueue_scripts wp_localize_script wp_add_inline_script

wp_localize_scriptこの関数は、データをJavaScriptに渡す構造化された方法を提供します。 この構文は次のとおりです

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

：データを含むJavaScriptオブジェクトの名前。
• $handle：データを保持している連想配列が合格します。
• $objectNameの例の実装
：
• $arrayOfValues
javaScript（

およびfunctions.php。 この方法では、

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 );

myLibrary.jsphp_vars.homefunction php_vars.pleaseWaitLabelheader.php

wp_add_inline_script：javaScriptファイルの登録されたハンドル。

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

：インラインスクリプトを追加する場所を指定します（ 'before'または 'after' the script）。
• $handleの例
：
• $data
javaScriptは、
• および$positionを介してデータにアクセスできます。この方法は、コードを簡素化し、
クリーナーを維持します。

functions.php結論

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' );

php_vars.homeは、一般的にその単純さと効率を好むために好まれます。ただし、特にデータを管理するためのより構造化されたアプローチを希望する場合は、php_vars.pleaseWaitLabelは有効なオプションのままです。 コーディングスタイルとプロジェクトのニーズに最適な方法を選択してください。 これにより、明確さと効率が向上し、これらの機能により、WordPress開発者にとって価値のあるツールがあります。

以上がWordPressでPHPデータと文字列をJavaScriptに渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。