在刷新時檢測內容更改

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)