Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » ГлавнаяPHP/MySQL AJAX-голосование

AJAX-голосование

AJAX вместе с термином web 2.0 прочно поселился в нашем сознании. Несмотря на присущие ему (как, впрочем и любой относительно молодой технологии) в некоторых аспектах он выглядет гораздо привлекательнее традиционных подходов к веб-приложениям. Один из таких примеров - интерактивные опросы, проводимые на сайтах. Действительно, почему бы в онлайн-голосованиях не использовать AJAX?

Оценить рабочий пример в действии можно здесь. Хочу сразу оговориться, что пример упрощен и предназначен всего лишь для демонстрации связки AJAX+PHP. Нам придется создать четыре файла:
- файл, содержащий JavaScript
- файл PHP
- файл html, содержащий простую форму
- текстовый файл, который будет хранить результаты опроса
JavaScript будет передавать значение функции getVote php-файлу, который будет это значение записывать и выводить результат.

Вот содержимое poll.js:
var xmlHttp

function getVote(int)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="poll_vote.php"
url=url+"?vote="+int
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("poll").
innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
}

PHP-скрипт (не будем его усложнять взаимодействием с MySQL) должен делать следующее:
- получить содержимое текстового файла;
- прибавить к одной из переменный (в зависимости от результата голосовавшего) единицу;
- переписать содержимое текстового файла;
- вывести результат;

Вот примерное содержимое poll_vote.php:
<?php
$vote = $_REQUEST['vote'];

$filename = "poll_result.txt";
$content = file($filename);

$array = explode("||", $content[0]);
$yes = $array[0];
$no = $array[1];

if ($vote == 0)
{
$yes = $yes + 1;
}
if ($vote == 1)
{
$no = $no + 1;
}

$insertvote = $yes."||".$no;
$fp = fopen($filename,"w");
fputs($fp,$insertvote);
fclose($fp);
?>

<h2>Result:</h2>
<table>
<tr>
<td>Yes:</td>
<td>
<img src="poll.gif"
width='<?php echo(100*round($yes/($no+$yes),2)); ?>'
height='20'>
<?php echo(100*round($yes/($no+$yes),2)); ?>%
</td>
</tr>
<tr>
<td>No:</td>
<td>
<img src="poll.gif"
width='<?php echo(100*round($no/($no+$yes),2)); ?>'
height='20'>
<?php echo(100*round($no/($no+$yes),2)); ?>%
</td>
</tr>
</table>

HTML - обычный файл, содержащий форму для голосования. Единственное что хочется заметить - вешаем на события onclick по радиокнопке обращение к функции getVote:
onclick="getVote(this.value)"

Текстовый файл - простой файл с расширением txt, в котором результаты данных для удобства будут разделены двумя вертикальными чертами. Не забудьте поставить ему соответствующий chmod, чтобы скрипт имел возможность изменять эти данные.

Если что-то непонятно, то скачать готовые исходники можно как обычно, с файлового архива.
Категория: PHP/MySQL
Опубликовано: 29 июня 2008, Обновлено: 20.01.2013 - 13:19 просмотров: 2669
 (Голосов: 6)

Комментирование данной новости запрещено.
Чужих не бывает

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.37 секунд, SQL-запросов: 10.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.