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

使用$.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));