php - 在页面上存储 php 数据以便与 javascript/jquery 一起使用的最佳方法？

Question

好的，所以我正在尝试找出在不减慢页面加载速度的情况下在我的页面上存储数据的最快方法:

• 我需要将信息存储在稍后由 jquery 使用的页面。
• 我的页面是一个事件页面，我想将数据附加到每个事件 anchor 。
• 有 100 多个事件要附加数据。

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

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

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

非常感谢对此的任何想法!

Answer 1

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

基本上:

• 在 PHP 方面:
  • 构建事件数组
  • 使用 json_encode 将其转换为 Javascript
  • 将其注入(inject) 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 中使用它