jquery mysql php_PHP+jQuery+MySQL来实现一个在线测试项目

我们要在页面加载的时候将题目信息读取出来，并且给jQuery调用显示。题目信息来自数据库，我们可以先在数据表quiz中加入题目及其答案选项信息。

我们通过构造SQL语句，使用PHP查询数据库，读取题目和答案选项信息，注意这个时候我们不需要读取正确答案。然后将题目信息以JSON格式赋给变量$json。<?php

include_once("connect.php");//连接数据库

$sql = "select * from quiz order by id asc";

$query = mysql_query($sql); //查询数据

while($row=mysql_fetch_array($query)){

$answers = explode('###',$row['answer']); //将答案选项分开

$arr[] = array(

'question' => $row['id'].'、'.$row['question'], //题目

'answers' => $answers //答案选项

);

}

$json = json_encode($arr); //转换json格式

我们得到了一串json格式的数据，然后就像上一篇文章介绍的一样，调用jquizzy()，方法如下：$(function(){

$('#quiz-container').jquizzy({

questions: <?php echo $json;?>, //试题信息

sendResultsURL: 'data.php' //结果处理地址

});

用户答题后，将用户所答题的答案组成字符串如“1|2|4|1|3|”的形式，然后通过$.getJSON将答案给参数an提交到后台，后台PHP处理比对正确答案后，将比对结果返回过来，返回结果如：{"res":[1,0,1,1,0],"score":60}，res是答题比对结果，分别表示五道题的答题结果，1表示答题正常，0表示答题错误，score表示得分。然后将返回的结果处理，得出每道题的评判结果和总得分，生成对应的html结构。

表结构：CREATE TABLE IF NOT EXISTS `quiz` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`question` varchar(100) NOT NULL,

`answer` varchar(500) NOT NULL,

`correct` tinyint(2) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=0 ;

jquery mysql php_PHP+jQuery+MySQL来实现一个在线测试项目相关推荐

timestamp mysql php_PHP和Mysql的Timestamp互换
在mysql中有三种时间字段类型: DATETIME,DATE和TIMESTAMP. DATETIME以YYYY-MM-DD HH:MM:SS格式的字符串来保存数据: DATE则是只有年月日以YYYY ...
update mysql php_PHP的MySQL的更新update
注意:请注意WHERE子句在更新的语法. WHERE子句指定的记录或记录,应予以更新. 如果你忽略WHERE子句,所有记录将被更新! 若要了解更多有关SQL ,请访问我们的SQL教程. 为了让PHP来 ...
excel和mysql php_php和mysql仿excel的rank函数
php仿excel的rank函数也是借鉴网上的代码,但是没有二维数组情况下的进行rank排名,所以自己对代码稍微改了一下,可以直接运行试验. $arr = array( array('s'=>' ...
cls mysql.php_PHP和MySQL
PHP和MySQL被称为黄金搭档,几乎所有的基于PHP应用的项目都在使用MySQL,在PHP中,连接MySQL数据库十分简单,简单到只需要一个函数函数即可: mysql_connect($host,$ ...
excel和mysql php_php将mysql数据库和Excel相互导入和导出的方法
内容提要:本文介绍了PHP将mysql数据库数据导出至Excel及Excel导入到MySQL数据库的方法,并给出源码,可直接使用,非常方便. 做项目时,不少项目要求数据库中数据能导出到excel文档中 ...
php jquery mysql,使用PHP / MySQL搜索并使用jQuery动态更新
我想知道如何使用PHP / MySQL和jQuery做到以下最佳: 有一个基本的搜索掩码,您可以在其中输入城市和最新日期.您进入搜索结果页面,然后可以在其中使用某些参数(复选框,jQuery滑块,文本 ...
jquery.treeview.js php mysql,jquery.treeview应用
jquery.treeview使用这几天项目中要用到树型结构,正好项目中用到了JQuery,所以就在网上找依赖JQuery的JS树,最终选择了 jquery.treeview.js,原因之一,它是J ...
tomcat jquery mysql_Docker 搭建 Tomcat + Mysql
Docker 搭建 Tomcat + Mysql 准备虚拟机虚拟机安装Docker 在纯净的Centos镜像上搭建 Centos镜像准备虚拟机上拉取 Centos 镜像: docker pull ...
简易电影购票APP(jquery mobile+json+web mysql)
目录界面截图: 使用技术架构设计总结 1.数据库设计总结 2.页面设计总计大一的暑期实习用js和css做了一个简单的图书网站,大二的暑期实习老师在基于大一学习的知识上又新增加了一些知识. 趁着最 ...
IDEA搭建一个SpringBoot项目——十分详细(web+mysql)
前排提示: IDEA版本:IntelliJ IDEA 2021.1.1 专业版(是否为专业版影响不大) 搭建目的:前端web页面能sql教程够python基础教程获取到MySQL数据库中的数据详细步 ...

jquery mysql php_PHP+jQuery+MySQL来实现一个在线测试项目

jquery mysql php_PHP+jQuery+MySQL来实现一个在线测试项目相关推荐

最新文章

热门文章