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

首先，在vote.php中执行您对数据的处理。数据库无论如何，或者只是将其设置为以您想要的任何格式回显帖子。 echo $ _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＃显示，无论你在投票中回应什么，你都会在#display中显示

摆脱回声$回答的东西

使用php处理表格无需刷新

2 个答案: