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

Question

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

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

使用php循环创建事件锚点， 所以我可以使用

在这个循环中创建数据元素

1. 使用非语义标签，即 rel =“some_data”
2. 为循环的每次迭代创建 jquery.data（）

或者我可以再次单独运行循环，这次使用jquery.data（）;

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

Answer 1

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

基本上：

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