jQuery，在加载前比较内容

Question

如果旧内容和新内容不相同，我将如何更新div内容。只有在相同时才更新。比如说，让我们说吧。目前我有这个：

<div style="min-height:200px;max-height:220px;height:auto;overflow-y:auto;padding:2px;" class="main">

<?php include("ajax/display_messages.php");?>

</div>

$(setInterval(function() {

$('.main').load('ajax/display_messages.php',

function(response, status, xhr){ });

}, 2000));

有没有办法让它先检查内容？在更新之前？

Answer 1

使用$.get()代替.load()。

var $main = $('.main');
$.get('ajax/display_messages.php', function (data)
{
    if ($main.html() !== data) $main.html(data);
});

Answer 2

$(setInterval(function()
{
    $.get('ajax/display_messages.php',function(response)
        { 
            if( $('.main').html() != response ) 
            { 
                $('.main').html(response);
            }
        });
}, 2000));