WordPress 共享设置到 javascript 文件中答案

【问题标题】：WordPress share settings into javascript fileWordPress 共享设置到 javascript 文件中
【发布时间】：2012-06-10 18:42:51
【问题描述】：

我正在制作一个 WordPress 插件，管理界面中的一些选项用于处理小部件界面的 JavaScript 文件。

问题是我看不到将设置回显到该文件中的实用方法。我正在考虑制作一个伪造其文件内容类型的 PHP 文件。或者在页面加载时创建一个动态 JavaScript 文件，但目前我通过一个隐藏的 div 共享选项，该 div 具有作为 base64 编码的 json 字符串的信息，当页面完成加载时读取和加载。

将我的 WordPress 设置设置到我的 JavaScript 文件中的最佳方法是什么？

【问题讨论】：

为什么不使用localStorage？您可以将您现在插入隐藏 div 的数据放入并使用 localStorage 的 key/val 来保存它。然后，每次加载页面时，您都可以检查信息是否存在并阅读。

标签： php javascript jquery wordpress

【解决方案1】：

将设置填入一个数组，然后使用 json_encode() 将它们变成一个 JS 数组结构：

somescript.php:

<?php

$settings = array(
   'x' => 'foo',
   'y' => 'bar'
);

header('Content-type: text/javascript');
echo 'var settings = ' . json_encode($settings);

然后将其加载到您的客户端 html 中：

<script src="somescript.php" type="text/javascript"></script>

【讨论】：

我已经考虑过这个选项，你可以在我的帖子中看到，但我需要更多信息来说明为什么这个方法比其他方法更好。