Member 13637584 Ответов: 0

Ajax-запрос работает, но не отображается?


У меня возникла проблема с запросом ajax. У меня есть созданная викторина, которая проходит через вопросы, и когда пользователь заканчивает ее, он должен вызвать запрос на AJAX.PHP-файл для вызова информации. Пожалуйста, смотрите мой код ниже, я запустил ajax.php файл и он собирает всю информацию. Но в то же время ... tests.php страница, когда она заканчивается, ничего не показывает. также ajax $("#quiz_form,#demo1").addClass("hide"); кажется, работает так, как ничего не отображается, но не завершает следующие две функции ниже.

Может кто-нибудь помочь?

AJAX REQUEST - in tests.php

Что я уже пробовал:

function submit(){
     $.ajax({
                    type: "POST",
                    url: "ajax.php",
                    data: $('form').serialize(),
                    success: function(msg) {
                      $("#quiz_form,#demo1").addClass("hide");
                      $('#result').show();
                      $('#result').append(msg);
                    }
     });


ajax.php

$response= $db->prepare("SELECT id,question_name,answer FROM questions");
$response->execute();

 $i=1;
 $right_answer=0;
 $wrong_answer=0;
 $unanswered=0;

 while($result=$response->fetch(PDO::FETCH_ASSOC)) {
// while($result=mysql_fetch_array($response)){ 
       if($result['answer']==$_POST["$i"]){
           $right_answer++;
       }else if($_POST["$i"]==5){
           $unanswered++;
       }
       else{
           $wrong_answer++;
       }
       $i++;
 }
 echo "<div id='answer'>";
 echo " Right Answer  : ". $right_answer."<br>";

 echo " Wrong Answer  : ". $wrong_answer."<br>";

 echo " Unanswered Question  : ". $unanswered."<br>";
 echo "</div>";

Kornfeld Eliyahu Peter

Как вы можете сказать, что вызов ajax удался? Вы использовали свой отладчик (в браузере)?

Member 13637584

я пробовал все это, даже предупреждающее сообщение и т. д., которое возвращает мне то, что я хочу? Он просто не отображается на странице, как это должно быть..

Richard Deeming

Это submit функция, вызываемая в качестве обработчика событий для формы submit событие?

Если это так, то вам нужно будет предотвратить срабатывание поведения по умолчанию; в противном случае форма будет отправлена на сервер, страница перезагрузится, и ваш вызов AJAX не будет завершен.

$("form").submit(function(e){
    e.preventDefault();
    $.ajax(...
});

0 Ответов