Informação de fundo

Estou mexendo com alguns PHP e AJAX no momento, para tentar obter o código de trabalho para um div de atualização automática (a cada 10 segundos), que contém comentários.

Aqui está o código javascript que estou usando para atualizar o div ..

<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
        $.ajaxSetup({ cache: false }); 
            setInterval(function() {
                    $('#content_main').load('/feed_main.php');
        }, 5000);  
});
// ]]></script>

O código que irá preencher o div chamado "content_main", que está no feed_main.php, basicamente acessa o banco de dados e ecoa os últimos comentários ...

Questão

É possível carregar somente o div "content_main" se os dados dentro dele não foram alterados desde a última vez que foram carregados?

Minha lógica

Como sou relativamente novo em JavaScript e AJAX, não sei bem como fazer isso, mas minha lógica é:

Pela primeira vez é executado ..

carregar dados do arquivo feed_main.phpCriar um valor único (talvez um valor hash?) Para identificar 3 comentários únicos

Toda vez que é executado ...

carregar os dados do arquivo feed_main.phpcriar um novo valor únicoverifique este valor com o anteriorse forem iguais, não atualize o div, apenas deixe as coisas como estão, mas se forem diferentes, atualize ..

A razão pela qual eu quero fazer isso é porque os comentários geralmente têm fotos anexadas, e é muito chato ver a imagem recarregar todas as vezes.

Qualquer ajuda com isso seria muito apreciado.