Po dodaniu elementu na stronie, odświeża wszystkie okna/przeglądarki którę są na tej stronie otwarte

Question

Cześć, mam pytanie, mam podstronę która zapamiętuje(zapisuję do bazy) tworzenie elementów i to gdzie one zostaną przeniesione. Więc natworzę elementy, zamknę stronę,włączę, a one w danym miejscu dalej będą.

Wszystko fajnie, lecz...

Jeśli otworzę 2 zakładki na tej stronie, na jednej wykonam jakieś przeniesienia(to się zapiszę). Lecz na tej drugiej zakładce wciąż są ustawione po staremu, to co było przed zmianami, no chyba ze refresh bym zrobiła, lecz go nie robię i jeśli wykonam jakieś przeniesienie, zapiszę się lecz nie zostanie wzięte pod uwagę to co zostało zrobione na pierwszej zakładce.

EDIT

Dodam, że wszelkie elementy które są dodawane dotyczą jednej tablicy o konkretnym ID

Domyślam się, żeby załatwić ten problem to trzeba zrobić coś na zasadzie że po wykonaniu przeniesienia, by aktualizowały się jakoś wszystkie przeglądarki którę otwartę są na tej stronie.

Mógłby ktoś pomoc jak ten problem ugryźć ?

Technologie : AngularJS, NodeJS

Comments

Jeśli dobrze rozumiem, to przy kilku kartach (lub oknach) przeglądarki nie odświeża Ci stanu aplikacji względem bazy danych? Widzę dwa wyjścia:

• indywidualne odpytywanie co X czasu serwera przez klientów, czy dane zostały zaktualizowane
• użycie socketów, aby serwer mógł wysyłać powiadomienie do klientów, że dane w bazie zostały zaktualizowane

Answer 1

Aby uzyskać taki efekt musisz użyć WebSocketów. Skoro chcesz pracować z Node.js myślę, że biblioteka Socket.io rozwiąże twój problem.

Comments

Okej a takie odpytania z aktualizacja danych przeglądarek nie będą męką dla "serwera" chodzi mi o sprawy (przeciążenia itd.)

---

No wiadomo coś za coś, ale myślę, że w zdecydowanej większości przypadków, nie powinno być z tym problemów.