javascript - 每次加载时Ajax自动刷新都会闪烁

我正在开发一个网页，该网页的div具有名为headlines的类，它每10秒自动刷新一次，问题是，每当数据加载到div中时，它就会闪烁，并且我想摆脱它。

$(document).ready(function() {
  setInterval(function() {
    $('.headlines').load('headlines.php');
  }, 10000);
});

最佳答案

就像Josh Beam所说的那样，您需要使用$.get()函数来完成工作！因此，像这样更新您的代码：

$(document).ready(function() {
    setInterval(function() {
        $.get('headlines.php', function (data) {
            $('.headlines').html(data);
        });
    }, 10000);
});

$.load()功能将闪烁。因此，我们可以使用其他任何AJAX函数，可能是$.ajax()或$.get()，并且在success函数内部，我们可以更新.html()的.headlines。