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
  • 将其插入 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 中使用它