更新 PHP 变量时自动刷新 div

Question

我有一个调用变量的 div。当该变量发生变化时，用户需要刷新页面才能看到新值。该变量是从一个单独的 PHP 文件中提取的。

我想知道是否有一种方法可以使用 ajax 自动更新 div，而无需用户在看到 PHP 变量已更新时刷新浏览器。

Answer 1

您可以使用 ajax 定期检查变量是否有任何更改，如果是这种情况，您可以更新 div。

var previousValue = null;

function checkForChange() {
    $.ajax({
        url: 'http://example.com/getVariableValue.php',
        ...
        success: function(data) {
            if (data != previousValue) { // Something have changed!
                //Call function to update div
                previousValue = data;
            }
        }
    });
}

setInterval("checkForChange();", 1000);

我还没有测试过代码，但它应该是这样的。将从http://example.com/getVariableValue.php 获取数据，您必须填写有关AJAX 请求的一些信息。我假设您知道如何为您的特定数据格式修改代码，无论是 XML、JSON 还是文本。