Question

我正在创建一个网页，该网页将自动刷新内容以始终获取数据库中的最新数据。这是我的Java代码。

setInterval(function() {
    $("#status").load('refresh.php');
},1000);

在我的JavaScript中，我每秒都会使用refresh.php自动刷新#status。

但是当我检查网页元素并单击网络时。它还每秒都请求（发送垃圾邮件）refresh.php，这是我的一种不正确做法。

您能帮我解决这个问题吗？还是您可以建议更好的Ajax代码来自动刷新内容，而无需过多请求php文件？

Answer 1

您可能应该为此使用网络套接字，从服务器获取最新状态作为数据，然后使用javascript仅更改页面的该部分

Answer 2

每次refresh.php的新（请求）值等于当前值时，稍后将在timeouts.min处#status请求此代码。如果值不同，则下次超时将再次为timeouts.min。

var timeouts={
 min:1000, // min await timeout = 1s
 max:16000 // max await timeout = 16s
};
var currentTo = timeouts.min;

function setAutoRefresh( to ){
  setTimeout( function() {
    var current = $("#status").text();// or .html()
    $("#status").load('refresh.php', function() {
      // if we are load a new value
      if( current !== $("#status").text()) {
        currentTo = timeouts.min;
      // if loaded value are same to current
      } else {
        currentTo += timeouts.min; // or currentTo *= 2; for example
        if( currentTo > timeouts.max ){
          currentTo = timeouts.max;
        }
      }
      console.log('Next #status refresh after ' + currentTo + 'ms');
      // Set a new timeout
      setAutoRefresh( currentTo );
    });
  }, to);
}

// Set the first timeout
setAutoRefresh( timeouts.min );

我在自动刷新网页中的内容时遇到问题

2 个答案: