Javascript 使用PHP的数据切换折叠时同步数据库写入

之前我问过一个手风琴师的问题，他关得不好。[已解决]

开发的总体任务基于阅读学校“课程页面”的概念。我们想记录学生实际打开（使用时间戳）和关闭（使用时间戳）页面，时间戳上的差异也将显示是否有足够的时间真正阅读课程

在前面的相同片段中，我需要记录用户何时打开/关闭accordion面板并将这些事件写入数据库。打开面板的代码段是：

<h3 class="panel-title"><strong><a data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo $x; ?>"><span class='glyphicon glyphicon-chevron-down'></span>&nbsp;&nbsp;<?php echo $title; ?> </a></strong></h3>

<p><a href="<?php echo $url; ?>" ><span class='glyphicon glyphicon-chevron-up'></span>&nbsp;&nbsp;Close</a></p>

…关闭面板的代码段是：

<h3 class="panel-title"><strong><a data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo $x; ?>"><span class='glyphicon glyphicon-chevron-down'></span>&nbsp;&nbsp;<?php echo $title; ?> </a></strong></h3>

<p><a href="<?php echo $url; ?>" ><span class='glyphicon glyphicon-chevron-up'></span>&nbsp;&nbsp;Close</a></p>

---

我想用一些onClick来记录这些事件，但不知道如何把它们联系起来。该网站主要是PHPW/HTML。如有任何建议，将不胜感激。。。。谢谢。

您可以使用onclick事件使用jQuery向服务器发送Ajax请求。然后使用您拥有的关于该学生的任何信息（可能是会话？）将请求的时间戳存储在数据库中。这个评论只是给你指出了一个方向，因为按原样使用它是有缺陷的。学生可以随时发送请求。例如，我可能会使用令牌来解决这个问题。您可以使用Javascript记录页面加载的时间，以及单击关闭按钮的时间，然后通过AJAX将时间和间隔发送到服务器。或者，不要使用AJAX，而是将页面提交到记录事件的PHP脚本，并将导航设置为下一个页面（可能作为参数传递）。有时，学生可能会跳过他们看到的过去的页面，而到达他们尚未完成的页面，因此，您可能需要一些逻辑来忽略页面的简短“视图”，谢谢各位——每个建议都指向一个有效的可能性。但是，我自己对Ajax或jQuery的能力很低。。。我通常可以遵循模拟示例，但不能自己从头开始编写。因为我主要使用PHP，所以我找不到合并DB编写的方法。实际的课程页面填充到accordion面板中，其中包含PHP中的“while循环”和一个页面计数器，以确定要构建多少个面板。因此，每个面板都有自己的打开/关闭链接——这就是为什么我一直在寻找一种将DB写入连接到链接的方法。目的是计算mysql的最终打开/关闭次数，以避免跳过，以及在每个面板/页面上花费的时间。这是一件一件的建造。谢谢你的点滴。