javascript - WordPress wp_localize_script 做什么？

Question

有人可以解释我做什么wp_localize_script()吗？即使我在 WP Codex 中阅读过它，我一开始也不明白它的作用。

Answer 1

它允许您通过打印出 JavaScript 对象在客户端中使用 PHP 数据。来自法典：

本地化脚本，但前提是已经添加了脚本。也可用于在页面中包含任意 Javascript 数据。

你像这样使用：

// Register script as per Codex instructions.
// It doesn't have to contain anything but the file must exist
wp_register_script('handle', get_template_directory_uri() .'/js/dummy.js');

// Send data to client
wp_localize_script('handle', 'Data', array(
  'url' => home_url(),
));

这将在 JavaScript 中打印一个对象：

<script type='text/javascript'>
/* <![CDATA[ */
var Data = {"url":"http://..."};
/* ]]> */
</script>

现在在客户端中，您可以访问该数据：

console.log(Data.url);

在构建插件时它非常有用，因此您可以将客户端与服务器逻辑分开，而不是将 JS 和 PHP 混合在同一个文件中。