这是一个简单的,但我就是想不通。
我有一个简单的表格:
<form action='#' method="post">
<label for="question-1">Question One</label>
<input type="radio" name="question-1-answers" value="1" />
<input type="radio" name="question-1-answers" value="2" />
<label for="question-2">Question Two</label>
<input type="radio" name="question-2-answers" value="1" />
<input type="radio" name="question-2-answers" value="2" />
<input type="submit" value="Submit Quiz" class="submit"/>
</form>
然后我有简单的 phpresults.php
来计算结果:
<?php
$answer1 = $_POST['question-1-answers'];
$answer2 = $_POST['question-2-answers'];
$result = 0;
$a =array( 0=> "$answer1", 1=> "$answer2");
$result = array_sum($a)/count(array_filter($a));
echo "Your score is: "; echo round($result, 1);
?>
这一切都很好,但是当用户按下提交按钮时,我希望结果显示在与测验相同的页面上,而无需重新加载页面。我知道我需要使用 jQuery,但我所看到的任何地方都有不同的方法,但没有任何效果。
编辑:
所以我添加了以下内容:
$function() {
$.get('../results.php', function(data) {
$('.result').html(data);
alert('Load was performed.');
});
}
和
<div class="result">The results are:</div>
并更新了提交按钮<input type="submit" value="Submit Quiz" class="submit" onclick="function()"/>
当我单击提交按钮时,我仍然没有得到任何东西,当我检查控制台时,我得到的唯一错误是:Uncaught SyntaxError: Unexpected token {
但我不知道我在哪里有额外的 {.