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

简单线索游戏AJAX PHP MYSQL检查和跟踪,php,jquery,ajax,Php,Jquery,Ajax,我正在努力扩大我的知识面,想解决一些不同的问题/超出我的舒适范围。我想尝试一个由3条线索组成的线索游戏 我所能做的就是将表单提交到数据库(PHP)以检查条目是否正确(我是一个PHP爱好者) 我想弄清楚的是,如何在不重新加载页面的情况下对每条线索进行测试 在它被确定正确后,我希望它旁边的图像从临时图像更改为代表线索的图像,例如 这就是我试图以图像的形式做的,下面是我的问题 检查数据库的语言是AJAX,对吗 什么会改变线索1输入旁边的图像或div内容 如果线索2也有被检查的能力,会发生什么? 一个

我正在努力扩大我的知识面,想解决一些不同的问题/超出我的舒适范围。我想尝试一个由3条线索组成的线索游戏

我所能做的就是将表单提交到数据库(PHP)以检查条目是否正确(我是一个PHP爱好者)

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

在它被确定正确后,我希望它旁边的图像从临时图像更改为代表线索的图像,例如

这就是我试图以图像的形式做的,下面是我的问题

  • 检查数据库的语言是AJAX,对吗
  • 什么会改变线索1输入旁边的图像或div内容
  • 如果线索2也有被检查的能力,会发生什么? 一个单独表单的新脚本,或者是否有一个不会影响上一个条目的重置

  • 有没有人知道这样或类似的东西可以作为参考(或JSFIDLE)?

    你的答案太宽泛了,所以我会给你一些提示,你可以使用:

    1) 在某种程度上,它与数据库无关,这是PHP的工作。它实际上是在不刷新页面的情况下从服务器加载数据。关于它的一切 2) 因为我只通过jQuery编写JavaScript,所以您需要包含以下库:
    • 首先,它取决于您希望AJAX发生在哪个事件上。如果您有一个按钮,用户在输入要检查的线索后单击该按钮,则可以使用按钮上的
      单击功能,如

    • 一旦检测到点击,将文本框值(可能还有图像id)传递给AJAX,并让它在服务器端检查这些值是否不正确

      • 如果不正确,请传递错误消息
      • 如果正确,请传递成功消息和新映像
    3) 有几种方法可以做到这一点: A.将所有3个线索框加载到同一页中,但第2个和第3个线索框隐藏并仅在前一条线索正确时显示。您可以在AJAX的
    success
    函数中执行此操作。

    B.如果需要更高的安全性,可以从PHP发送下一条线索HTML,并使用将其添加到容器中

    看看这里的演示(没有AJAX)-1。)AJAX不是一种语言,而是一种通过客户端连接向服务器动态发送数据的技术,无需重新加载页面。看看这本书。它使AJAX对于那些新技术的人来说更容易使用。