2013-05-12 2 views
0

У меня есть эта форма (ее веб-опрос), с ответами на радио, и мне это нужно, когда вы отправляете информацию из файла действия (vote.php) для печати на той же странице БЕЗ обновления! Пожалуйста, помогите мне. Я так много стараюсь в течение нескольких часов, потому что я новичок в Ajax jQuery и java и все эти сложные хитроумные вещи.Форма процесса с php Без обновления

<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> 
+1

где код Аякса jqury, что вы устали? – 2013-05-12 22:58:33

+1

http://www.w3schools.com/ajax/, если вы новичок, это очень хорошее начало, вы не будете regrat, и вы можете/должны дополнить его удивительным веб-сайтом, называемым stackoverflow;) cumpz – konnection

+0

Другое место для изучения jquery - Jeffery Ways 30 дней, чтобы узнать JQuery видео. https://tutsplus.com/course/30-days-to-learn-jquery/ – Brad

ответ

0

если ваш возможность использовать JQuery, вы можете сделать что-то вроде

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

Во-первых делать все, что вы собираетесь делать с вашими данными в 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

избавиться от эха $ ответов вещи

+0

Благодарим за сотрудничество, я попробую этот код позже! Я не могу избавиться от echo $ answer1..5, потому что эти vars определены до формы, я выбираю их из своей базы данных, поэтому это не проблема, я думаю – user2375910

Смежные вопросы