Question

所以我环顾四周，大部分代码看起来都是不必要的。我正在寻找轻量级 ajax代码，用以下操作刷新div：

load('boo.php')

我需要首先在页面打开时加载（即没有延迟），然后每x秒刷新一次（没有淡入淡出），这样你就不会注意到更改，除非我的数据库行已更新但我可以执行db位。

我想我需要这样的东西：

onreadystatechange

在页面加载时加载？呃我不太确定:(任何帮助都会非常感激！

谢谢！

Answer 1

我完全建议使用一些库来进行跨浏览器支持和测试代码，例如： jQuery的。

使用jQuery，它就像

一样简单

$.get('boo.php', function(data){$('#divId').html(data);});

你可以将它包装在一个函数中并在文档准备就绪时调用它，然后按照@ M1K1O的建议使用setInterval

<强>更新要在加载DOM时运行代码，jQuery API documentation for ready表示

以下所有三种语法都是等效的：


$（document）.ready（handler）

$（）。ready（handler）（这不是   推荐）

$（处理程序）

这是一个完整的例子：

function refreshDiv()
{
    $.get('boo.php', function(data){$('#divId').html(data);});
}
$(function()
{
    refreshDiv();
    setInterval(refreshDiv, x * 1000); // x is the number of seconds
});

Answer 2

var counter = 0;
var timer = null;
function progressBar(){
if (timer) {
    clearTimeout(timer);
    timer = null;
    return;
}
timer = window.setInterval(function(){
load('boo.php');
}, 10);
}
window.onload = function() {
progressBar();
};

试试这个

Answer 3

你是否使用像Jquery这样的库？这是关于jquery的一些代码。

function update() 
{
  $.get(<URI>,{check:1},function(data){
        $('#div').html(data);
   });    

  setTimeout('update()',1500);
}

$(function(){

   update(); 
});

Ajax div刷新（不淡入淡出）

3 个答案: