关于如何使用php和jQuery创建测验的提示和建议_Php_Jquery

关于如何使用php和jQuery创建测验的提示和建议

php jquery

关于如何使用php和jQuery创建测验的提示和建议,php,jquery,Php,Jquery,我确实想在这个网站上创建一个类似的测验如何使用php和jQuery实现这一点？或者有没有其他不使用flash的方法我确实从中得到了一个想法，我的问题是如何用这个实现计时器显然，我不知道我的路由器位；然而，做一个测试可能非常容易构建（硬编码），也可能非常难构建（数据库驱动）。第一种方法以后很难改变，而第二种方法很容易这实际上取决于您想要做什么，这两种方法在php和jQuery中都是可行的我会建立一个问题、答案和用户回答的数据库然后我创建了几个php页面，一个供用户查看/quick.

我确实想在这个网站上创建一个类似的测验

如何使用php和jQuery实现这一点？或者有没有其他不使用flash的方法

我确实从中得到了一个想法，我的问题是如何用这个实现计时器

显然，我不知道我的路由器位；然而，做一个测试可能非常容易构建（硬编码），也可能非常难构建（数据库驱动）。第一种方法以后很难改变，而第二种方法很容易

这实际上取决于您想要做什么，这两种方法在php和jQuery中都是可行的

我会建立一个问题、答案和用户回答的数据库

然后我创建了几个php页面，一个供用户查看/quick.php，另一个供我的jQuery将数据发布到/ajaxhelp.php（通过

$.post（）

访问）

php将基于post参数返回JSON数据。如果“nextQuestion”有一个问题+4个答案，那么jQuery将为每个答案生成带有几个单选框的表单

用户选择他们的答案，然后您

$.post（）

将其返回；php检查数据库，查看是否标记为正确答案，并返回结果

jQuery获取“nextQuestion”并生成一个新表单

显示结果摘要

编辑

在您对静态数据发表评论之后，这个简单的html页面应该可以让您开始：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>

        <script type="text/javascript">
            var q1wa = 
            { 
                Question: 'Question One Text', 
                Answers: 
                [ 
                    { AText: 'Answer1 Text', RightAnswer: true },
                    { AText: 'Answer2 Text', RightAnswer: false },
                    { AText: 'Answer3 Text', RightAnswer: false }
                ]
            };

            $(document).ready(function () {
                $('#question').html(q1wa.Question);
                for(var i = 0; i < q1wa.Answers.length; i++) {
                    $('#answers').append(q1wa.Answers[i].AText + "<br />");
                }

            });
    </script>
    </head>
    <body>
        <div id="question"></div>
        <div id="answers"></div>
    </body> 
</html>


变量q1wa=
{ 
问题：“问题一案文”，
答案：
[ 
{AText:'Answer1 Text'，right answer:true}，
{AText:'Answer2 Text'，Right Answer:false}，
{AText:'Answer3 Text'，right answer:false}
]
};
$（文档）.ready（函数（）{
$（'question'）.html（q1wa.question）；
对于（变量i=0；i）；
}
});

应该注意的是，使用这种方法，任何想要查看源代码的人都可以看到“正确”的答案，但这是一个很好的起点。通过在服务器端而不是客户端进行答案验证，合并php部分来保密答案也不难。

感谢响应2-6正是我想要做的，但这是一个静态问题，我不需要像我的示例中那样拥有数据库，你有没有参考网站或书籍可以帮助你开发这个测验？谢谢你的回复，我真的很感激