Ajax表单提交：无需重新加载

Question

I need to do an ajax form submission. I have for options as answer to a question. When an option is selected i need to submit the form without reloading the page. The following is my code . Can someone tell me a solution.

I have tried alert inside the ajax function (not working) and before ajax function (working).

My code:

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

Is that code inside a form?. Well, if that's the case, there's the problem. Because the form has submition by default.

Answer 3

抱歉，我误解了这个问题，您的代码似乎正常工作。