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