[分享]WordPress如何将php获取的值传给js?

要在 WordPress 中将 PHP 获取的值传递给 JavaScript，您可以使用 wp_localize_script() 函数。这个函数将 PHP 数据传递给前端脚本，使 JavaScript 可以读取这些数据。以下是实现这一功能的步骤：

在主题的 functions.php 文件中添加代码：在主题的 functions.php 文件中添加代码：

在您的 WordPress 主题的 functions.php 文件中添加以下代码，以将 PHP 获取的值传递给 JavaScript：

function custom_script_data() {
    // 获取需要传递给 JavaScript 的数据
    $data_to_pass = 'Hello, this is data from PHP!';

    // 将数据传递给 JavaScript
    wp_localize_script( 'your-script-handle', 'php_data', $data_to_pass );
}
add_action( 'wp_enqueue_scripts', 'custom_script_data' );

在注册和加载 JavaScript 文件时使用数据：

确保在注册和加载 JavaScript 文件时使用 wp_localize_script() 函数中定义的数据。例如：

function load_custom_scripts() {
    // 注册并加载 JavaScript 文件
    wp_register_script( 'your-script-handle', get_template_directory_uri() . '/js/your-script.js', array( 'jquery' ), '1.0', true );
    wp_enqueue_script( 'your-script-handle' );

    // 将数据传递给 JavaScript
    wp_localize_script( 'your-script-handle', 'php_data', $data_to_pass );
}
add_action( 'wp_enqueue_scripts', 'load_custom_scripts' );

在 JavaScript 文件中访问传递的数据：

在您的 JavaScript 文件（例如 your-script.js）中，您可以通过访问 php_data 变量来获取从 PHP 传递过来的值。例如：

// 在 JavaScript 文件中访问从 PHP 传递过来的数据
console.log(php_data); // 输出 PHP 传递的值

通过以上步骤，您可以成功将 PHP 获取的值传递给 JavaScript，并在前端脚本中访问这些数据。

这样可以实现在 WordPress 中动态传递数据并在前端使用这些数据的功能。