javascript - 数据未通过 wp_localize_script 正确传递

Question

我正在尝试将 PHP 数据传递给 JS 脚本。我正在使用 wp_localize_script 函数。

wp_register_script('googlechart', 'https://www.gstatic.com/charts/loader.js');
wp_register_script('mygaloochart_script', plugins_url('chart.js', __FILE__), array('googlechart'));

//I'm not using $atts directly for reasons
$dataToBePassed = array (
        'chart' => $atts['chart'],
        'element' => $atts['element'],
        'elementtype' => $atts['elementtype'],
        'title' => $atts['title']
);

wp_localize_script('mygaloochart_script', 'php_vars', $datatoBePassed);

wp_enqueue_script('googlechart');
wp_enqueue_script('mygaloochart_script');

这是 JS 脚本的第一行mygaloochart_script:

console.log(php_vars.chart);

但是，我在控制台中收到以下错误:

TypeError: php_vars is null

我做错了什么？

Answer 1

数组的名称是$dataToBePassed。但是，您在 wp_localize_script 函数中传递 $datatoBePassed 。大T，小T。 PHP 变量名称区分大小写。