Как обновить контент не перезагружая страницу в Javascript?

Question

[iamdivine]

Добрый день, нужно обновить данные с бд (запросы через php) не обновляя станицы, т.е. в реальном времени.
Допустим у человека было 100р на балансе, я поменял в бд на 200 и у него без перезагрузки сменился баланс.
Желательно пример пожалуйста.

Answer 1

[Stalker_RED]

Ваша страница должна откуда-то узнать о самом факте обновления и получить эти обновленные данные.
Есть три подхода:
1. периодически делать ajax запрос, спрашивая "а ничего ли не поменялось? А теперь? а вот щас?"
2. держать long polling соединение c сервером, ожидая пока сервер не сообщит "ваш новый баланс 100500"
3. держать websocket соединение c сервером, ожидая опять таки.

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

После того как получили новые данные, там все просто:
someElement.textContent = newBalance;

Comments

[iamdivine]

Там будет до 30 юзеров, в сети до 5и, делается панелька для нескольких человек
+ сервер не плохой