更新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还是文本。