Как отображать данные всем после ajax запроса?

Question

[DeVVal]

Делаю ajax запрос к php после загрузки страницы. От php получаю имя пользователя, который зашёл на страницу.
После этого js добавляет полученное имя в список ul, но есть проблема. Добавленное имя только одно, если зайти на страницу с другого имени, то в списке нет никаких записей.
Так вот как сделать так, чтобы в списке были все полученный именна ?

Comments

[Олег]

websocket

[DeVVal]

Олег, без них вообще никак ?

[Дмитрий]

А где вы храните список людей которые находятся на странице?

[DeVVal]

Дмитрий, список выводится в ul html. На стороне бэка это просто сессия которая передаётся в js

[Дмитрий]

DeVVal, ну сессия у каждого пользователя своя. следовательно пользователь получит только данные из своей сессии. Есть предположение что придется использовать для хранения что-то что будет общим для всех пользователей

[DeVVal]

Дмитрий, я думаю о том же, но вот что это может быть ?

[Дмитрий]

DeVVal, что угодно. Файл, бд, какое нибудь in memory хранилище, да хоть Гугл докс к которому по апи будете обращаться

[DeVVal]

Дмитрий, а можно ли как-то на стороне js полученный данные из сессии выводить всем ?

[Дмитрий]

DeVVal, вы и так их выводите. просто в сессии у Васи написано Вася, а в сессии у Пети - Петя.

Вы конечно можете руками открыть папку с сессиями и руками обойти все файлы и вывести все данные оттуда. Однако геммороя с этим будет в разы больше, если вы сами создадите файл и будете туда класть и удалять имена.

[DeVVal]

Дмитрий, а будет ли обновляться список у других юзеров, если на страницу зайдёт кто-то другой ?

[Дмитрий]

DeVVal, какой список? еще раз. утрировано говоря - сессия это персональная записная книжка для каждого пользователя - туда пишет и читает только владелец. Вы можете создать свою книгу общую для всех и при посещении страницы кем либо - писать в эту книгу какие то данные, удалять их там и читать оттуда.

[Ипатьев]

Не будет, пока они не обновят страницу.
Чтобы обновлялось само, нужен будет как раз вебсокет
Ну или хотя бы периодический опрос сервера яваскрипотм

[DeVVal]

Ипатьев, а можно ли сделать так, чтобы в ul не повторялись элементы ?

[Ипатьев]

можно

[DeVVal]

Ипатьев,

var userValue = $("input.key").val();
    var users = document.querySelector('.userL');
    var userList = [];
    setInterval(function(){
        $.ajax({
            url:"users_quiz.php",
            method:"POST",
            success: function(data){
                if(!userList.includes(userValue)){
                    userList.push(data);
                }

                userList.forEach((uL) =>{
                    users.innerHTML += `<li>${uL}</li>`;
                })
            }
        })
    }, 1000);

Накидал вот такой код, но всё равно всё осталось также (

[3v4l]

DeVVal, а что у вас за код в php файле?

[DeVVal]

3v4l, <?php
session_start();
echo $_SESSION['user'];

[AUser0]

DeVVal, вам поможет код из этого вопроса, просто адаптируйте под свои нужды.

Answer 1

[Newto]

Если я правильно понял задачу, то в хотите сделать что-то типа чата. Когда каждый новый пользователь зашедший на страницу отобразится, допустим, в некоем списке. Эта задача решается ТОЛЬКО по средствам веб-сокетов.

Однако, можно(но не нужно) сделать и иначе(просто для примера). Без сокетов это выглядело бы так, описываю пошагово:
1. Пользователь заходит на страницу.
2. Скрипт, который срабатывает после перезагрузки страницы, отправляет запрос аяксом к скрипту, который записывает id пользователя и время его захода в базу данных.
3) Еще один скрипт, который "стучит" на бэк раз в, скажем, 5 секунд, обновляет список зашедших по логике "если есть id в базе и запись создана не более чем три минуты назад, то отображать пользователя онлайн". Этот скрипт получает таких пользователей и вы имеете отображаемый список.

Подчеркну, такой подход имеет смысл только в целях самообучения, ради понимания очерёдности действий. Если же реализовывать его в реальных проектах, то это приведёт к перегрузке используемых серверных ресурсов.

Comments

[Valenco]

Огромное спасибо за ответ . Я раньше не работал с веб сокетами, какую либу лучше использовать для работы6с ними в php?

[Newto]

Valenco, Для работы с веб-сокетами, в контексте обновления данных на страницах, я бы рекомендовал вообще не смотреть в сторону php. Используйте node.js и библиотку socket.io