JavaScript
AJAX
PHP

Как реализовать опрос на сайте с ответами пользователю?

dsad23

03.04.2023, 11:16

Здравствуйте. Мне нужно на сайте разместить голосование/опрос. Как это сделать? Смотрел множество способов, в том числе через AJAX. Но почему-то возникают различные проблемы, то варианты пропадают, то нет результатов.

Комментарии: 15

Александр Мальцев

09.04.2023, 11:12

Здравствуйте! А какой нужно? С базой данных или без неё? Могут все голосовать или только авторизованные пользователи? Серверная сторона должна быть на PHP или на чём-то другом?

dsad23

11.04.2023, 03:46

Здравствуйте, без базы данных и чтобы все могли голосовать.

Александр Мальцев

19.04.2023, 08:31

Добрый день! Так уже имеется голосовалка для сайта. Что-то не получается?

dsad23

19.04.2023, 15:35

Здравствуйте, да, не получается, сделал всё по инструкции, но после нажатия кнопки голосовать, опросник просто испаряется. Могу залить файлы, которые я подстроил под свой сайт на яндекс диск, чтобы вы подсказали из-за чего это ?

Александр Мальцев

20.04.2023, 01:03

Доброе утро! Сделайте, посмотрю что не так.

dsad23

20.04.2023, 03:42

https://disk.yandex.ru/d/m9mCLexwR5Yqbw

Александр Мальцев

20.04.2023, 08:23

А что не работает? Зачем вы добавили атрибут async для <sсript>? В данном случае его нужно удалить:

<script src="https://sovetkino.com/js2/jquery-3.6.4.min.js"></script>
<script src="https://sovetkino.com/js2/bootstrap.min.js"></script>

После удаления всё работает.

Если нужно загрузить скрипты для работы с DOM асинхронно, то нужно их расположить в <head> и добавить к ним атрибут defer. Код, расположенный между <script> в данном случае нужно выполнить после загрузки страницы (DOMContentLoaded):

<head>
<!-- ... -->
<script src="https://sovetkino.com/js2/jquery-3.6.4.min.js" defer></script>
<script src="https://sovetkino.com/js2/bootstrap.min.js" defer></script>

<script>
document.addEventListener('DOMContentLoaded', () => {
  // ...
});
</script>

dsad23

20.04.2023, 16:30

Здравствуйте ,загрузил файлы, но вот так Описание картинки

Александр Мальцев

21.04.2023, 08:01

При использовании defer, код, который расположен непосредственно между script нужно расположить в обработчике события DOMContentLoaded (вместо ...):

<script>
document.addEventListener('DOMContentLoaded', () => {
  ...
});
</script>

А веб-сервер с поддержкой PHP установлен?

dsad23

22.04.2023, 03:48

установлен, а насчёт "defer, код, который расположен непосредственно между script нужно расположить в обработчике события DOMContentLoaded (вместо ...)" не совсем если честно понял

Александр Мальцев

23.04.2023, 07:21

У меня так работает: https://disk.yandex.ru/d/fLKP0O8gx08_cg

dsad23

24.04.2023, 03:35

Загрузил ваши файлы и заработало, благодарю, однако после обновления страницы данные не сохраняются. Я так понимаю данные должны записываться в poll.results, но это не происходит. Из-за чего это может быть ?

Александр Мальцев

24.04.2023, 13:30

Данные сохраняются в файл poll-results.txt. Чтобы они туда записывались должен быть доступ на запись в этот файл.

dsad23

24.04.2023, 14:30

Благодарю, всё работает. Только еще один вопрос, а как обнулить куки ?

Александр Мальцев

28.04.2023, 08:11

В Chrome: "Инструменты разработчика" (Ctrl + Shift + I) => вкладка "Application" => в левой панели "Cookies".