我需要向页面传递一个本地化的多维javascript对象。该对象是使用php构建的,表示一些wp主题设置。我找不到一种方法来利用wp\\u localize\\u脚本,因为它不会解析多维数组。
相反,我想出了一个解决方案,使用html5的data-*属性,然后使用jQuery检索它,希望这种方法能够提供x浏览器兼容性。
因此,在需要访问本地化数据的页面上,我让php输出:
<div id="localized" style="display:none" data-localized=\'{"user": "Doe", "skills": {"html":5, "css":4, "php":3} }\'>
然后,我使用以下方法获取本地化数据:
var my_localazed_data = $(\'#localized\').data(\'localized\');
它工作得很好。但我担心的是:
1) 此浏览器是否兼容?
2) 与使用wp\\u localize\\u脚本相比,是否有任何安全问题需要注意?