javascript - 检测刷新时的内容变化

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)