简单的线索游戏AJAX PHP MYSQL检查和跟踪

Question

我正在努力扩展我的知识，并想要在我的舒适区域之外处理不同的事情。我想试试3条线索的线索游戏。

我可以做的是将表单提交到数据库（PHP）以检查条目是否正确（我是一个php人）。

我想弄清楚的是如何在不重新加载页面的情况下测试每条线索。

在确定正确后，我希望图像在临时图像旁边更改为表示线索的图像。

这是我尝试以图像形式进行的操作，以下是我的问题。

1. 检查数据库的语言是AJAX，对吗？
2. 什么会改变线索1输入旁边的图像或div内容？
3. 线索2还有什么必须能够被检查？ 一个单独表单的新脚本，还是没有重置以前的条目？

有没有人知道像我这样或类似的东西我可以看作是参考（或jsfiddle）？

Answer 1

你的答案太宽泛了，所以我会提出你可以使用的提示：

1）部分地，它与数据库无关，这是PHP的工作。它实际上做的是在没有页面刷新的情况下从服务器加载数据。所有关于 here.

2）由于我只通过jQuery执行JavaScript，因此您需要为以下内容包含jQuery库：

• 首先，它取决于您希望AJAX发生在哪个事件上。如果您在输入要检查的线索后有一个用户点击的按钮，那么您可以使用按钮上的click功能，例如 here.

• 检测到点击后，将您的文本框值（也可能是您的图片ID）传递给AJAX，并在服务器端检查值是否不正确。

  • 如果不正确，请传递错误消息。
  • 如果正确，请传递成功消息以及新图像

3）有几种方法可以做到这一点：

A. 将所有3个线索框装入同一页面，但隐藏第2个和第3个，只有在前一个线索正确时显示。您可以在AJAX的success函数上执行此操作。

B。如果您需要更高的安全性，可以从PHP发送下一个线索HTML并使用 append() 将其添加到容器中。

在这里看一下这个演示（没有AJAX） - DEMO