【相關(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, '找出不同類(lèi)的一項(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);

想了解