在页面上存储 php 数据以供 javascript/jquery 使用的最佳方式？

Question

好的，所以我试图找出在我的页面上存储数据而不减慢页面加载速度的最快方法：

• 我需要将信息存储在 页面供 jquery 稍后使用。
• 我的页面是一个活动页面，我想 将数据附加到每个事件锚点。
• 有 100 多个事件可以附加数据。

事件锚点是使用 php 循环创建的， 所以我可以使用任一方法在此循环中创建数据元素

1. 使用非语义标签，即rel="some_data"
2. 为循环的每次迭代创建一个 jquery.data()

或者我可以再次单独运行循环，这次在带有 jquery.data() 的脚本标签内；

非常感谢您对此的任何想法！

Answer 1

一种可能性是在服务器端生成一个包含所有事件的 Javascript 数组或对象，并将其作为 Javascript 变量注入到页面中。

基本上：

• 在 PHP 端：
  • 构建事件数组
  • 将其转换为 Javascript，使用 json_encode
  • 将其注入 HTML 页面。
• 然后，在 JS 方面：
  • 只需使用该 Javascript 变量即可。

该解决方案非常棒，它适用于几乎所有可能类型的数据，速度非常快，而且很容易开发。

生成的 HTML+JS 代码如下所示：

<script type="text/javascript">
    var myArrayOfEvents = [ ... ];
</script>

它可以用一些这样的 PHP 代码生成：

<script type="text/javascript">
    var myArrayOfEvents = <?php echo json_encode($myEvents); ?>;
</script>

当然，这取决于您：

• 为您的活动定义所需的结构
• 用 PHP 构建它
• 在 Javascript 中使用它