在刷新时检测内容更改

Question

我在页面内进行刷新以更新div，我试图在div中的内容发生更改时尝试使用“DOMSubtreeModified”，但它只是检测到每次刷新时间。

我从一个页面（donations.php）抓取信息，其中包含一个美元金额等：$ 20.00它刷新每5秒钟查找新的内容。它可以更新，但我想每5秒触发一次更改警报。

function loadlink(){ 
    $.get("donations.php", function(data) { 
     $('#results').html(data); 
    }); 
} 

loadlink(); 

setInterval(function(){ 
    loadlink() 
}, 5000); 

是我当前的代码，我试图来检测#results

完全改变它的stjudes慈善捐赠跟踪器，我想触发的变化警报。

Answer 1

您可以存储旧的数据值并对其进行检查。

(function() { 

    var dollarVal = ""; 

    function loadlink() { 
     $.get("donations.php", function (data) { 
      $('#results').html(data); 

      if (dollarVal !== data) { 
       // trigger alert 
       alert("Value has changed!"); 
      } 

      dollarVal = data; 
     }); 
    } 

    loadlink(); 

    setInterval(loadlink, 5000); 

})(); 

如果你不想在第一次加载一个警报，然后执行：

if (dollarVal !== "" && dollarVal !== data)