📌  相关文章
📜  如何在 wplms 中将数组发送到 js 文件 - Javascript (1)

📅  最后修改于: 2023-12-03 15:08:50.850000             🧑  作者: Mango

如何在 WPLMS 中将数组发送到 JS 文件 - JavaScript

在 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 语法。