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(... });