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

Question

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

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

现在完全让我失望的是，将它们组合在一起以及“使用不同图像保存并重新加载页面”机制。当然，我在互联网上找到了大量信息，但我就是无法将它们整合在一起(我是一个 JavaScript 菜鸟，这些东西让我头疼)。

我的问题:

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

我对所有人表示最衷心的感谢:从解释一般原理到具体的代码示例。我只需要让这件事发挥作用:)。谢谢!

Answer 1

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

这只是一个简短的概述，希望对您有所帮助。