jQuery、読み込み前のコンテンツを比較する

Question

古いコンテンツと新しいコンテンツが同じでない場合、どのようにdivsコンテンツを更新するのですか？同じ場合にのみ更新してください。のように、言ってみましょう。現在、私はこれを持っています：

<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

.load()の代わりに$.get()を使用してください。

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));