用php处理表格不刷新

Question

我有这个表单（它是一个网络民意调查），有收音机答案，我需要它时从动作文件（voting.php）提交的信息打印在同一页上，无需刷新！请帮助我我一直努力工作了几个小时，因为我刚接触Ajax jQuery和Java以及所有棘手的动态内容。

<form name="myform" id="myform" action="voting.php" method="post"> 
    <input id="radio1" type="radio" name="answer" value="answer1"><?php echo $answer1?><br> 
    <input id="radio2" type="radio" name="answer" value="answer2"><?php echo $answer2?><br> 
    <input id="radio3" type="radio" name="answer" value="answer3"><?php echo $answer3?><br> 
    <input id="radio4" type="radio" name="answer" value="answer4"><?php echo $answer4?><br> 
    <input id="radio5" type="radio" name="answer" value="answer5"><?php echo $answer5?><br> 
    <input id="questionId" type="hidden" name="questionId" value="<?php echo $questionId?>"> 
    <center><input id="button" type="submit" value="Vote"></center> 
</form> 

Answer 1

如果你能够使用jQuery的，你可以这样做

$('#myform').submit(function(e){ 
    e.preventDefault(); 
    $.post('voting.php', {$(this).serialize()}, function(data){ 
     $('#form').html(data); 
    }) 
}); 

Answer 2

首先做任何你打算在voting.php数据做。数据库无论如何，或者只是将其设置为以任何您想要的格式回显帖子。回声$ _ POST（“答案”）

那么，你的jQuery的可能看起来像这样

$(function() { 
$('#myform').on('submit', function(){ 
var that = $(this), 
url = that.attr('action'), 
type = that.attr('method'), 
data = {}; 

that.find('[name]').each(function(index, value){ 
var that = $(this), 
name = that.attr('name'), 
value = that.val(); 
data[name] = value; 
}); 
$.ajax({ 
url: url, 
type: type, 
data: data, 
success: function(responce){ 
    $('#display').html(responce).delay(6000).fadeOut(1000); 
    } 
}); 
return false; 
}); 
}); 

的#display是div＃显示你会显示从voting.php你的结果，不管你回音在voting.php将显示在#display

摆脱回声$回答的东西