Голосование Без Перезагрузки Страницы

@Ник888 · Регистрация: 01.11.2014

Студворк — интернет-сервис помощи студентам

Имеется скрипт для голосования на PHP (+ БД MySQL), посмотреть результаты можно без перезагрузки страницы.

Есть 2 таблицы: polls (с вопросами) и poll_answer (с ответами).
Скрипт для создания этих самых таблиц:

MySQL
1
2
3
4
CREATE TABLE IF NOT EXISTS `polls` (
`id` int(10) unsigned NOT NULL auto_increment, `title` varchar(255) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1;

MySQL
1
2
3
4
5
CREATE TABLE IF NOT EXISTS `poll_answer` (
`id` int(10) unsigned NOT NULL auto_increment, `poll_id` int(10) unsigned NOT NULL,
`title` varchar(255) NOT NULL, `votes` int(10) unsigned NOT NULL default '0',
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1;

Далее создаём 2 файла. Первый отвечает за отображение опросов. Его скрипт приведён ниже.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<?php 
$db=mysqli_connect("localhost","root","","vote"); 
$res=mysqli_query($db,"set names utf8");  
$res=mysqli_fetch_array(mysqli_query($db,"SELECT max(id) FROM polls LIMIT 1"));  
$poll_id=$res[0]; 
$max_id=$res[0]; 
if (isset($_GET["poll_id"]) and is_numeric($_GET["poll_id"]) and $_GET["poll_id"]>0){ 
$res=mysqli_fetch_array(mysqli_query($db,"SELECT id FROM polls 
WHERE id='".$_GET["poll_id"]."' LIMIT 1")); 
if ($res[0]!='') $poll_id=$res[0]; 
} 
$poll=mysqli_fetch_array(mysqli_query($db,"SELECT id,title FROM polls 
WHERE id='".$poll_id."'")); 
?> 
<style type="text/css"> 
.polls{padding:10px; text-align:center; border:1px solid #EEEEEE; width:1050px;} 
.poll{text-align:left; display:table; width:100%; font-size:14px;} 
.poll label{line-height:2;} 
.votes{text-align:center; background-color:#00FF00; border:1px solid #0033FF;  
margin:0 0 10px 0;} 
</style> 
<?php 
echo '<div class="polls"><b>'.$poll["title"].'?</b>'; 
echo '<div class="poll" id="poll_'.$poll_id.'">'; 
$res=mysqli_query($db,"SELECT id,title FROM poll_answer 
WHERE poll_id='".$poll_id."' ORDER BY id"); 
while ($answer=mysqli_fetch_array($res)) echo '<label><input type="radio" 
name="item" value="'.$answer["id"].'">'.$answer["title"].'</label><br>'; 
echo '<div align="center"><input type="submit" id="view_res" 
value="Посмотреть результат">'; 
echo '<input type="submit" id="vote" value="Голосовать">'; 
echo '</div></div></div><br>'; 
?> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$(".poll input:first").prop("checked",true); 
$("#vote").click(function(){ 
jQuery.post("polls_result.php",{poll_id:$(this).parents(".poll").attr("id"). 
split('_')[1], answer_id:$('input:checked').val()},rating_poll);}); 
$("#view_res").click(function(){ 
jQuery.post("polls_result.php",{poll_id:$(this).parents(".poll").attr("id"). 
split('_')[1]},rating_poll);}); 
function rating_poll(data){ 
$(".poll").fadeOut(500, function(){$(this).append(data).fadeIn(500);}); 
} 
}); 
</script>

Второй файл и его код ниже.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?php 
if (isset($_POST["poll_id"]) and is_numeric($_POST["poll_id"])) { 
$poll_id=$_POST["poll_id"]; 
} 
else $poll_id=''; 
if (isset($_POST["answer_id"]) and is_numeric($_POST["answer_id"])) { 
$answer_id=$_POST["answer_id"]; 
} 
else $answer_id=''; 
if ($poll_id>0) { 
$db=mysqli_connect("localhost","root","","vote");  
$res=mysqli_query($db,"set names utf8"); 
if ($answer_id!='') { 
$res=mysqli_query($db,"UPDATE poll_answer SET votes=(votes+1) 
WHERE id='".$answer_id."' LIMIT 1"); 
$answer='Ваш голос учтён!'; 
} 
$summa=mysqli_fetch_array(mysqli_query($db,"SELECT max(votes) AS max_v, sum(votes) 
AS sum_v FROM poll_answer WHERE poll_id='".$poll_id."' LIMIT 1")); 
if ($summa["max_v"]==0) $summa["max_v"]=$summa["sum_v"]=1; 
$res=mysqli_query($db,"SELECT title,votes FROM poll_answer  
WHERE poll_id='".$poll_id."' ORDER BY votes DESC"); 
while ($rating=mysqli_fetch_array($res)) { 
echo '<div style="width:560px; float:left;">'.$rating["title"]; //устанавливаем ширину линии 560px 
echo '<div class="votes" style="width:'.($rating["votes"]/$summa["max_v"]*560); // соотношение с другими линиями (ширина) 
echo 'px;">'.$rating["votes"].'</div></div><div style="float:right;"><br>'; 
echo round(100*$rating["votes"]/$summa["sum_v"],2).' %</div>'; //процентное соотношение ответов  
} 
echo '<div style="width:100%;float:left;">Голосов: <b>'.$summa["sum_v"].'</b>'; 
} 
?>

Как сделать так, чтобы при нажатии на кнопки "Посмотреть результат" или на "Голосовать" результаты ответов выводились С ПЕРЕЗАГРУЗКОЙ СТРАНИЦЫ, а не без неё, как в этом скрипте?

@Виталюска · 19.12.2014, 22:22

Сообщение от Ник888

результаты ответов выводились С ПЕРЕЗАГРУЗКОЙ СТРАНИЦЫ, а не без неё, как в этом скрипте

надо убрать jquery и при помощи формы передовать значения в скрипт обработчик

@Taatshi · 22.12.2014, 20:02

Комментарий администратора

Ник888, кросспостинг на форуме запрещен. Создавайте для каждого вопроса только одну тему. Предупреждение.

@Ник888 · 24.12.2014, 21:34 **[ТС]**

А если в самой концовке первого скрипта добавить строки ниже, то тогда же должно обновляться с перезагрузкой?

PHP
1
2
3
function rating_poll(data){ 
window.location.reload();
}

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .