Отправка формы Ajax: без перезагрузки

Question

Мне нужно отправить ajax-форму.У меня есть варианты, как ответ на вопрос.Когда опция выбрана, мне нужно отправить форму без перезагрузки страницы.Ниже мой код.Может кто-нибудь сказать мне решение.

Я пробовал оповещение внутри функции AJAX (не работает) и до функции AJAX (работает).

Мой код:

function submit_answer(n) {
  var mark;
  var quiz_id = $('#quiz_id').val();
  var option = $('#radio' + n).val();
  var answer = $('#answer').val();
  var StateId = 0;

  $.ajax({
    type: 'POST',
    url: 'submit_test',
    data: {
      quiz_id: quiz_id,
      option: option,
      StateId: StateId,
      mark: mark
    },
    success: function(html) {
      alert(html);
    }
  });
}

<div class="btn btn-info" id="rad5" align="left" onclick="submit_answer(5);" style="width:auto;">
  <input type="radio" name="option" style="display:none; visibility:hidden; opacity:0;" id="radio5" value="<?php echo $quiz['quiz_opt1'];?>" />
  <label for="radio5">
            <h3><?php echo $quiz['quiz_opt1'];?></h3>
        </label>
</div>
&nbsp;&nbsp;
<div class="btn btn-info" id="rad6" align="left" onclick="submit_answer(6);" style="width:auto;">
  <input type="radio" name="option" style="display:none; visibility:hidden; opacity:0;" id="radio6" value="<?php echo $quiz['quiz_opt2'];?>" />
  <label for="radio6">
            <h3><?php echo $quiz['quiz_opt2'];?></h3>
        </label>
</div>
<br /><br /><br />
<div class="btn btn-info" id="rad7" align="left" onclick="submit_answer(7);" style="width:auto;">
  <input type="radio" name="option" style="display:none; visibility:hidden; opacity:0;" id="radio7" value="<?php echo $quiz['quiz_opt3'];?>" />
  <label for="radio7">
            <h3><?php echo $quiz['quiz_opt3'];?></h3>
        </label>
</div>
&nbsp;&nbsp;
<div class="btn btn-info" id="rad8" align="left" onclick="submit_answer(8);" style="width:auto;">
  <input type="radio" name="option" style="display:none; visibility:hidden; opacity:0;" id="radio8" value="<?php echo $quiz['quiz_opt4'];?>" />
  <label for="radio8">
            <h3><?php echo $quiz['quiz_opt4'];?></h3>
        </label>
</div>

Answer 1

Я только что скопировал код из вашего вопроса, он работал для меня без перерыва

Answer 2

Это код внутри формы? Ну, если это так, то есть проблема. Потому что форма имеет представление по умолчанию.

Answer 3

Извините, я неправильно понял вопрос, кажется, ваш код работает правильно.