【相關(guān)學(xué)習(xí)推薦:jQuery教程,php編程(視頻),mysql教程】
這個(gè)實(shí)例主要給大家介紹如何使用jQuery+PHP+MySQL來(lái)實(shí)現(xiàn)在線測(cè)試題,包括動(dòng)態(tài)讀取題目,答題完畢后臺(tái)評(píng)分,并返回答題結(jié)果。
讀取答題列表:
$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);
生成答題列表:
<p id='quiz-container'></p>
通過(guò)遍歷出來(lái)的列表,生成答題功能:
$(function(){ $('#quiz-container').jquizzy({ questions: <?php echo $json;?>, //試題信息 sendResultsURL: 'data.php' //結(jié)果處理地址 }); });
當(dāng)用戶打完題,點(diǎn)擊“完成”按鈕時(shí),會(huì)向ajax.php發(fā)送一個(gè)Ajax交互請(qǐng)求,ajax.php會(huì)根據(jù)用戶的答題情況,比對(duì)正確答案,然后給出用戶所得分。
$data = $_REQUEST['an']; $answers = explode('|',$data); $an_len = count($answers)-1; //題目數(shù) $sql = "select correct from quiz order by id asc"; $query = mysql_query($sql); $i = 0; $score = 0; //初始得分 $q_right = 0; //答對(duì)的題數(shù) while($row=mysql_fetch_array($query)){ if($answers[$i]==$row['correct']){ $arr['res'][] = 1; $q_right += 1; }else{ $arr['res'][] = 0; } $i++; } $arr['score'] = round(($q_right/$an_len)*100); //總得分 echo json_encode($arr);
quiz表結(jié)構(gòu):
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=6 ; -- -- 轉(zhuǎn)存表中的數(shù)據(jù) `quiz` -- INSERT INTO `quiz` (`id`, `question`, `answer`, `correct`) VALUES (1, '羅馬帝國(guó)曾一度輝煌,令人神往,故有“條條大陸通羅馬”一說(shuō)。那么,今天你是怎樣理解這一諺語(yǔ)的準(zhǔn)確含義的?', 'A.入鄉(xiāng)隨俗 ###B.四通八達(dá) ###C.殊途同歸 ###D.流連忘返', 3), (2, '找出不同類的一項(xiàng):', 'A.斑馬 ###B.軍馬 ###C.賽馬 ###D.駿馬 ###E.駙馬', 5), (3, ' 蠟燭在空氣中燃燒,蠟燭質(zhì)量逐漸變小。這說(shuō)明', 'A.物質(zhì)可以自生自滅###B.發(fā)生的不是化學(xué)變化###C.不遵守質(zhì)量守恒定律###D.生成物為氣體,散發(fā)到空氣中了', 4), (4, '以下哪位歌手沒(méi)有獲得過(guò)《我是歌手》總冠軍?', 'A.羽泉###B.韓磊###C.鄧紫棋###D.韓紅', 3), (5, '下列哪個(gè)標(biāo)簽不是HTML5中的新標(biāo)簽?', 'A.<article>###B.<canvas>###C.<section>###D.<sub>', 4);
想了解更多相關(guān)學(xué)習(xí),敬請(qǐng)關(guān)注php培訓(xùn)欄目!
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。