2016-09-27 17 views
0

私は3つの回答(ラジオボタン)の1つを選択して回答を提出するようにオンライン多肢選択テストを設計しています。送信ボタンが押されたら、AJAXリクエストを使用してそれぞれの回答を別々に比較する結果を計算し、AJAXリクエストパラメータに基づいて質問を1つずつ取り出すPHPスクリプトを使用する必要があります。Ajaxリクエストが実行されないと返されます

これは私のAJAX要求である:

function calculateResults(){ 
    totalPoints = 0; 
    var qNum = 10; 
    while(qNum != 0){ 
    $.ajax({ 
     method : "GET", 
     url: "php-scripts/testing-questions.php", 
     data: {queNum : qNum}, 
     success: function(data){ 
      console.log(data); 
      //check if radio1 value is set 
      if(document.getElementById('r1q' + qNum).check == true){ 
      var answer = document.getElementById('r1q' + qNum).value; 
      } 
      //check if radio2 value is set 
      else if(document.getElementById('r2q' + qNum).check == true){ 
      var answer = document.getElementById('r2q' + qNum).value; 
      } 
      else{ //radio 3 value is set then 
      var answer = document.getElementById('r3q' + qNum).value; 
      } 
      if(data === answer){ 
       totalPoints++; 
      } 
     } 
    }); 
    qNum--; 
    } 

}

、これが私のPHPスクリプト

if(isset($_GET['queNum'])){ 
    $qNum = $_GET['queNum']; 
    getAnswer($qNum); 
     function getAnswer($num){ 
      $query = mysqli_query($conn, "SELECT correctAnswer 
           FROM `Testing` 
           WHERE `questionNum` = '".$queNum."' "); 
      $row = mysqli_fetch_array($query,MYSQLI_ASSOC); 
      echo $row; 
      $correA = $row['correctAnswer']; 
      echo $correA; 
     } 
} 

あるの$ CONN変数はconfig.phpファイルから設定されていることに注意してくださいあなたはデータベースとの接続が正常に動作していると仮定するのは正しいでしょうか?また、関数のecho文はデバッグのためにそこにあります。罰金としても。

私は何が起こっているのかを1日以上見つけようと努力していますが、シンプルに見えますが、ここで、または他の場所でAJAXがundefinedを終了しても動作しません。多くの感謝を助けることができるより多くの経験。

としては、下記のHTMLコードを要請:初見で

<div class="container3"> 
<div id="startTest"> 
    <center><button class="checkButtons" onClick="startTimer()" style="width:100px;"> Start Test</button></center> 
</div> 
<div id="beginTest"> 
<input type = "text" name="timer" width="30%" id="timer" value ="10:00" readonly> 
</div> 
<div id="questions"> 
<center> 
    <div class="question"> 
    <p class="q">Question 1: <?php echo $question1 ?></p> 
    <input type="radio" id="r1q1" name="answer1" value="Answer 1" checked>Answer A: <?php echo $answerA1 ?> <br> 
    <input type="radio" id="r2q1" name="answer1" value="Answer 2">Answer B: <?php echo $answerB1 ?> <br> 
    <input type="radio" id="r3q1" name="answer1" value="Answer 3">Answer C: <?php echo $answerC1 ?> <br> 
    </div> 
    <div class="question"> 
    <p class="q">Question 2: <?php echo $question2 ?></p> 
    <input type="radio" id="r1q2" name="answer2" value="Answer 1" checked>Answer A: <?php echo $answerA2 ?> <br> 
    <input type="radio" id="r2q2" name="answer2" value="Answer 2">Answer B: <?php echo $answerB2 ?> <br> 
    <input type="radio" id="r3q2" name="answer2" value="Answer 3">Answer C: <?php echo $answerC2 ?> <br> 
    </div> 
    <div class="question"> 
    <p>Question 3: <?php echo $question3 ?></p> 
    <input type="radio" id="r1q3" name="answer3" value="Answer 1" checked>Answer A: <?php echo $answerA3 ?> <br> 
    <input type="radio" id="r2q3" name="answer3" value="Answer 2">Answer B: <?php echo $answerB3 ?> <br> 
    <input type="radio" id="r3q3" name="answer3" value="Answer 3">Answer C: <?php echo $answerC3 ?> <br> 
    </div> 
    <div class="question"> 
    <p class="q">Question 4: <?php echo $question4 ?></p> 
    <input type="radio" id="r1q4" name="answer4" value="Answer 1" checked>Answer A: <?php echo $answerA4 ?> <br> 
    <input type="radio" id="r2q4" name="answer4" value="Answer 2">Answer B: <?php echo $answerB4 ?> <br> 
    <input type="radio" id="r3q4" name="answer4" value="Answer 3">Answer C: <?php echo $answerC4 ?> <br> 
    </div> 
    <div class="question"> 
    <p class="q">Question 5: <?php echo $question5 ?></p> 
    <input type="radio" id="r1q5" name="answer5" value="Answer 1" checked>Answer A: <?php echo $answerA5 ?> <br> 
    <input type="radio" id="r2q5" name="answer5" value="Answer 2">Answer B: <?php echo $answerB5 ?> <br> 
    <input type="radio" id="r3q5" name="answer5" value="Answer 3">Answer C: <?php echo $answerC5 ?> <br> 
    </div> 
    <div class="question"> 
    <p class="q">Question 6: <?php echo $question6 ?></p> 
    <input type="radio" id="r1q6" name="answer6" value="Answer 1" checked>Answer A: <?php echo $answerA6 ?> <br> 
    <input type="radio" id="r2q6" name="answer6" value="Answer 2">Answer B: <?php echo $answerB6 ?> <br> 
    <input type="radio" id="r3q6" name="answer6" value="Answer 3">Answer C: <?php echo $answerC6 ?> <br> 
    </div> 
    <div class="question"> 
    <p class="q">Question 7: <?php echo $question7 ?></p> 
    <input type="radio" id="r1q7" name="answer7" value="Answer 1" checked>Answer A: <?php echo $answerA7 ?> <br> 
    <input type="radio" id="r2q7" name="answer7" value="Answer 2">Answer B: <?php echo $answerB7 ?> <br> 
    <input type="radio" id="r3q7" name="answer7" value="Answer 3">Answer C: <?php echo $answerC7 ?> <br> 
    </div> 
    <div class="question"> 
    <p class="q">Question 8: <?php echo $question8 ?></p> 
    <input type="radio" id="r1q8" name="answer8" value="Answer 1" checked>Answer A: <?php echo $answerA8 ?> <br> 
    <input type="radio" id="r2q8" name="answer8" value="Answer 2">Answer B: <?php echo $answerB8 ?> <br> 
    <input type="radio" id="r3q8" name="answer8" value="Answer 3">Answer C: <?php echo $answerC8 ?> <br> 
    </div> 
    <div class="question"> 
    <p class="q">Question 9: <?php echo $question9 ?></p> 
    <input type="radio" id="r1q9" name="answer9" value="Answer 1" checked>Answer A: <?php echo $answerA9 ?> <br> 
    <input type="radio" id="r2q9" name="answer9" value="Answer 2">Answer B: <?php echo $answerB9 ?> <br> 
    <input type="radio" id="r3q9" name="answer9" value="Answer 3">Answer C: <?php echo $answerC9 ?> <br> 
    </div> 
    <div class="question"> 
    <p class="q">Question 10: <?php echo $question10 ?></p> 
    <input type="radio" id="r1q10" name="answer10" value="Answer 1" checked>Answer A: <?php echo $answerA10 ?> <br> 
    <input type="radio" id="r2q10" name="answer10" value="Answer 2">Answer B: <?php echo $answerB10 ?> <br> 
    <input type="radio" id="r3q10" name="answer10" value="Answer 3">Answer C: <?php echo $answerC10 ?> <br> 
    </div> 
    <button class="checkButtons" onClick="calculateResults()" style="width:100px;"> Submit Answers</button> 
</center> 
</div> 

+0

あなたがPHPをテストしました、本当に 'HTTP訪問することによっていくつかのデータを有効にすることができます:それから、PHPは、イベントの戻りデータできない場合は8888/PHP-スクリプト/テスト-questions.php':// localhostとつまり、あなたのPHPコードに何か間違っていることを意味します。 –

+0

'getAnswer()'、 '$ queNum'!=' $ num' ... '$ num'を渡しますが、' $ queNum'という変数を使用しますか? –

+0

既に私はそこにエコーステートメントを持っているのです。 staticとurlの両方のパラメータ値を使ってテストしました –

答えて

1

を、あなたのコードは、すべての問題を示していません。

PHPスクリプトが必要です。 getAnswer($num)は​​ で、$queNumの代わりに$qNum変数を使用する必要があります。

if(isset($_GET['queNum'])){ 
     $qNum = $_GET['queNum']; 
     getAnswer($qNum); 
      //$qNum not $num 
      function getAnswer($qNum){ 
       $query = mysqli_query($conn, "SELECT correctAnswer 
            FROM `Testing` 
            WHERE `questionNum` = '".$qNum."' "); 
       $row = mysqli_fetch_array($query,MYSQLI_ASSOC); 
       $correA = $row['correctAnswer']; 
       echo $correA; 
       exit; 
      } 
    } 
+2

'$ qNum'!=' $ queNum' ... –

+0

@A.Wolffお電話ありがとうございます。 –

+0

downvoteありがとう?正当な理由がありますか? –

関連する問題