Witam.

W jaki sposób najbardziej poprawnie zrobić automatyczne odświeżanie konkretnej strony lub jej kawałka po wykryciu zmian? Mam na myśli, jak to jest zrobione w profesjonalnych projektach?

Mój pomysł wygląda tak:

[JAVASCRIPT] pobierz, plaintext 
$(function(){
 
    lastUpdate = 0;
 
    function getContent(){
        jQuery.post('content/products.php', function(data){
            jQuery("#productsContent").html(data);
        });
    }
 
    function checkUpdate(){
        $.ajax({
            url: 'content/ajax.php',
            type: 'GET',
            data: { action: 'checkUpdate' },
            success: function(data){
                if(data != lastUpdate){ 
                    getContent();
                    lastUpdate = data;
                }
            }
        });
    }
 
    checkUpdate();
    setInterval(function() { checkUpdate(); }, 5000);
 
});
[JAVASCRIPT] pobierz, plaintext 

W divie trzymam treść odpowiadającą za listę produktów. Co 5 sekund wysyłam zapytanie do skryptu ajax.php. Plik ten zwraca mi wartość zapisaną w bazie MySQL.
Jeżeli dodamy produkt to aktualny czas w formacie UNIX zostanie zapisany do tego pola w bazie.

Czy jest to dobrze zrobione? Może są jakieś lepsze metody? Proszę o opinie.

https://pl.wikipedia.org/wiki/Obserwator_(w...zec_projektowy)

Źle zrobione, nie optymalnie - to serwer powinien informować klienta o zmianach, a nie klient co jakiś czas pytać serwer czy coś się zmieniło np. za pomocą websocket.

@Lord odnosze wrazenie ze nie zrozumiales problemu

Taaaa, to już dziś 2 w wpadka...

Proszę zatem o więcej informacji jak to ma być zrobione. Wiem, że to nieoptymalne. Przy dużej liczbie użytkowników obciążam serwer. Nie oczekuję gotowego kodu, ale więcej wskazówek.

Tworzysz serwer websocket.
Każdy klient łączy się z tym serwerem za pomocą JavaScript.
Jak ktoś doda produkt, to serwer wysyła informację do podłączonych klientów, że produkt został dodany.