使用计数器和不同数据重新加载页面的一般原则


General principles for page reload with counter and different data

我需要实现的网站是为了进行一个简单的用户研究:在一个页面上显示一些图像,用户将它们重新排列到某个顺序,点击"下一步"按钮,然后再次显示同一页面,只是显示不同的图像,用户再次重新排列。重复该过程,直到达到特定的页数。

要显示的图像来自mysql数据库,每个页面的用户安排也需要存储在数据库中。我有一些不错的代码用于php中的数据库通信和图像排列逻辑。图像的排序功能与javascript和jquery配合得很好。

现在让我完全失望的是,将所有这些结合在一起,以及"用不同的图像保存和重新加载页面"机制。当然,我在互联网上找到了很多信息,但我就是无法将它们整合在一起(我是一个javascript迷,这些东西严重地让我头疼)。

我的问题:

  • 如何使用页面计数器实现页面,当我按下按钮时,页面计数器会增加;按下该按钮还会触发将数据发送到php以将其放入数据库,还可以根据页面计数器使用不同的图像选择重新加载/更新页面以重新启动该过程

对于所有人来说,我将是最棒的:从解释一般原则到具体的代码示例。我只需要让这件事发挥作用:)。谢谢

  1. 你需要一个<form method=POST>包装所有图像的标签
  2. 对于每个图像,您需要<input type="hidden">存储图像id的标签。该标签也必须与图像一起使用
  3. 解析必须更改DOM中的位置
  4. 你还需要一个提交按钮
  5. 在服务器端,您可以使用$_POST变量以与DOM中相同的排序方式访问提交的数据
  6. 您可以计算$_SESSION变量中的页数,也可以将计数器作为带有页面url的GET变量发送

这只是一个简短的概述,我希望这能帮助你。