PHP Учебник

PHP Старт Введение в PHP Установка PHP Синтаксис PHP Комментарии в PHP Переменные PHP PHP Echo / Print Типы данных PHP Строки PHP Числа PHP Математика в PHP Константы PHP Операторы PHP PHP If...Else...Elseif PHP Switch Циклы в PHP Функции PHP Массивы PHP PHP Суперглобальные PHP RegEx

PHP Формы

Обработка форм PHP Валидация форм PHP Обязательные поля Валидация URL/E-mail Полная форма PHP

PHP Продвинутый

PHP Дата и время PHP Include/Require PHP Работа с файлами Открытие/Чтение файлов Создание/Запись файлов PHP Загрузка файлов Файлы cookie PHP Сессии PHP Фильтры PHP Расширенные фильтры PHP Функция Callback PHP JSON PHP Исключения

PHP OOP

Что такое ООП в PHP Классы/Объекты PHP Цепочки методов PHP Конструктор PHP Деструктор PHP Модификаторы доступа Наследование в PHP Константы класса PHP Подсказка типов PHP Подсказка интерфейсов Абстрактные классы PHP PHP Интерфейсы PHP Полиформизм PHP Трейты Статические методы PHP Статические свойства PHP Пространства имен PHP Итерируемые объекты

База данных MySQL

База данных MySQL Подключение к MySQL Создание БД MySQL Создание таблицы MySQL Вставка данных MySQL Получить ID MySQL Подготовленные операторы PHP MySQL Получение данных MySQL Предложение WHERE Предложение ORDER BY Обновление данных MySQL Удаление данных БД MySQL Limit Data

PHP XML

Парсеры PHP XML Парсер PHP SimpleXML Получить PHP SimpleXML PHP XML Expat PHP XML DOM

PHP - AJAX

AJAX Введение AJAX PHP AJAX База Данных AJAX XML AJAX Живой поиск AJAX Опрос

PHP Примеры

PHP Примеры Практика ООП PHP PHP квиз-тест Упражнения Базовый PHP Упражнения Алгоритмы Упражнения Массивы Упражнения Цикл for Упражнения Функции Регулярные выражения Упражнения Дата PHP Упражнения Строки PHP Математика PHP Упражнения Формы PHP Упражнения Классы PHP Упражнения JSON PHP PHP Задачник


PHP - интерактивный опрос AJAX




Используя PHP и AJAX, вы можете проводить интерактивные опросы, которые мгновенно отображают результаты, не замедляя работу вашего сайта. Такие опросы PHP часто используются на различных новостных сайтах, чтобы узнать, что их читатели думают по той или иной теме.


Обучение использованию PHP и AJAX очень эффективно для всех, кто обрабатывает данные, поскольку комбинация этих двух систем позволяет отправлять информацию из браузера на сервер и обратно. Он может помочь вам в выполнении различных задач, таких как создание системы опроса AJAX. Формы, созданные таким образом, довольно легкие и удобные в использовании. Благодаря функциям AJAX любая система голосования PHP может отображать результаты без перезагрузки всей веб-страницы.

В следующем примере продемонстрирован опрос, в котором результат отображается без перезагрузки страницы.

Вам пока нравятся PHP и AJAX?

Да:
Нет:

Мы подготовим HTML с двумя вариантами ответа на один вопрос. После того, как выбор сделан, система голосования AJAX отображает результаты без перезагрузки страницы.

Когда пользователь выбирает один из вариантов, выполняется функция getVote(). Функция запускается событием onclick.

Давайте посмотрим на сценарий опроса PHP, чтобы разобраться, как это работает:

<html>
<head>
<script>
 function getVote(int) {
   if (window.XMLHttpRequest)  {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   } 
   else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
   xmlhttp.onreadystatechange=function() {
     if (this.readyState==4 && this.status==200) {
       document.getElementById("poll").innerHTML=this.responseText;
     }
   }
    xmlhttp.open("GET","poll_vote.php?vote="+int,true);
    xmlhttp.send();
  }
</script>
</head>
<body>
  <div id="ajax_poll">
    <h3>Is Bitdegree Learn a good learning platform?</h3>
    <form>
      Yes!
      <input type="radio" name="res" value="0" onclick="get_votes(this.value)">
      <br>No!
      <input type="radio" name="res" value="1" onclick="get_votes(this.value)">
    </form>
  </div>
</body>
</html>

Пояснение к коду:

Объявляем функцию getVote(), которая выполняет следующие шаги.

  1. Сначала она создает новый объект XMLHttpRequest и сохраняет его в переменной xmlhttp
  2. Затем она определяет функцию onreadystatechange, которая будет выполняться каждый раз при изменении состояния готовности запроса ajax.
  3. Далее открывается запрос. Здесь мы использовали метод GET, потому что он быстрый и отлично работает с опросом.
  4. poll_vote.php — это файл, который мы создадим на следующем шаге.
  5. Наконец, отправляется запрос на сервер xmlhttp.send().

Примечание: Обратите внимание, что к URL-адресу добавлен параметр (голосование) (со значением варианта «да» или «нет»).


Страница на сервере, вызываемая выше приведенным JavaScript, представляет собой PHP-файл "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>Результат:</h2>
<table>
<tr>
<td>Да:</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>Нет:</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>

Пояснение к коду:

JavaScript отправляет значение и происходит следующее:

  • Получено содержимое файла poll_result.txt и помещено в переменные
  • К значению выбранной переменной добавляется единица
  • Результаты записываются в файл poll_results.txt
  • Отображается графическое представление результатов опроса PHP (poll.gif)

Результаты каждого опроса AJAX должны где-то храниться. В этом примере мы сохраним данные результатов для созданной нами системы голосования PHP в текстовом документе poll_results.txt. Результаты будут храниться так:

0||0
Первое число в таблице предназначено для обозначения избирателей, которые нажали Да в опросе PHP. Второе число представляет собой голоса Нет.

Примечание: Не забудьте в настройках разрешить веб-серверу редактировать текстовый файл.





Профессия‌ ‌PHP-разработчик‌ Совет эксперта
Освойте PHP и MySQL с нуля в игровой форме
Профессия‌ ‌PHP-разработчик‌ Совет эксперта
На рынке не хватает веб-разработчиков
Профессия‌ ‌PHP-разработчик‌
На рынке не хватает веб-разработчиков
Профессия‌ ‌PHP-разработчик‌ Совет эксперта
Освойте популярный PHP-фреймворк
Профессия‌ ‌PHP-разработчик‌ Совет эксперта
На рынке не хватает fullstack-разработчиков!
PHP-разработчик с нуля до PRO
Обучение в рассрочку
Профессия‌ ‌PHP-разработчик‌ Совет эксперта
Учитесь сейчас, платите потом!
Профессия‌ ‌PHP-разработчик‌ Выберите специальность
Учитесь сейчас, платите потом!