📅  最后修改于: 2023-12-03 15:08:50.850000             🧑  作者: Mango
在 WPLMS 中,您可以通过以下步骤将数组发送到 JavaScript 文件:
1.首先,您需要在 functions.php 中注册一个本地化的脚本。为此,使用以下代码:
function my_theme_scripts() {
wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array( 'jquery' ), '1.0', true );
wp_localize_script( 'my-script', 'my_array', array( 'key1' => 'value1', 'key2' => 'value2' ) );
}
add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );
此代码将加载名为“my-script.js”的脚本,并将数组发送到该脚本中。
2.接下来,在您的 JavaScript 文件中,您可以使用以下代码访问您的数组:
console.log( my_array.key1 );
console.log( my_array.key2 );
3.您还可以在 PHP 文件中发送其他数据,例如当前用户的 ID,使用以下代码:
function my_theme_scripts() {
$current_user = wp_get_current_user();
$user_id = $current_user->ID;
wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array( 'jquery' ), '1.0', true );
wp_localize_script( 'my-script', 'my_data', array( 'user_id' => $user_id ) );
}
add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );
然后,在您的 JavaScript 文件中,您可以使用以下代码访问用户 ID:
console.log( my_data.user_id );
通过以下步骤,在 WPLMS 中将数组发送到 JavaScript 文件是非常容易的。访问和使用数据的方法也很简单,只需使用适当的 JavaScript 语法。