提示和建議如何創建測驗使用PHP和jQuery

我確實想在這個網站提示和建議如何創建測驗使用PHP和jQuery

Quiz

我怎樣才能做到這一點使用PHP和jQuery創建測驗樣的？還是有其他辦法做到這一點不使用閃光燈

我得到了這樣的想法，我的問題是如何實現這一

Creating a Quiz with jQuery

答案定時器和@Fatih

做

來源

2011-07-28 idontknowhow

顯然我不知道我的路由器位;但是，進行測驗可以非常容易地構建（硬編碼）或非常難以構建（數據庫驅動）。第一個很難改變，第二個很容易。

這真的取決於你想要做什麼，兩者都很適合用php和jQuery。

我會設置一個問題，答案和用戶響應的數據庫。
然後我會createa幾個PHP頁面，一個用於用戶查看/quiz.php和一個爲我的jQuery發佈的數據/ajaxhelp.php（由$.post()訪問）
ajaxhelp.php將返回JSON基於事後參數的數據。 Mabye的一個問題+4的答案爲「nextQuestion」，那麼jQuery將生成每個答案的幾個廣播框的形式
用戶選擇他們的答案，然後你$.post()它回來; ahaxhelp.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>

需要注意的是，用這種方法，你的「正確的」答案是任何人都可以看到的是做一個查看來源，但這是一個很好的起點。通過執行應答驗證服務器端而不是客戶端，將php部分合併爲保密答案也不難。

來源

2011-07-28 13:55:48 Nate

感謝您的迴應2-6正是我想要做的，但這是一個靜態問題，我不需要像我的例子那樣擁有一個數據庫，您是否有任何參考網站或書籍可以幫助您開發這個測驗？感謝我的真實回覆 – idontknowhow

提示和建議如何創建測驗使用PHP和jQuery

回答

相關問題