如何自动刷新 div

在 Web 开发中，有时需要在不刷新整个页面的情况下重新加载特定的部分，这时就可以使用自动刷新 div 的方法。

方法一：setInterval()

使用 JavaScript 的 setInterval() 方法可以定时执行一段代码，从而实现自动刷新。

setInterval(function() {
    document.getElementById("myDiv").innerHTML = "Hello World!";
}, 1000);

上述代码会每 1000 毫秒（1 秒）执行一次，将 id 为 myDiv 的元素内容设为 "Hello World!"。

方法二：XMLHttpRequest

可以使用 JavaScript 的 XMLHttpRequest 对象向服务器请求数据并更新 div 内容。

setInterval(function() {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("myDiv").innerHTML = this.responseText;
        }
    };
    xhr.open("GET", "data.php", true);
    xhr.send();
}, 1000);

上述代码会每 1000 毫秒向 data.php 发送 GET 请求，如果请求成功（状态码为 200），则将返回的内容更新到 id 为 myDiv 的元素中。

方法三：jQuery

如果使用 jQuery 库，可以使用其提供的 load() 方法实现自动刷新。

setInterval(function() {
    $("#myDiv").load("data.php");
}, 1000);

上述代码会每 1000 毫秒从 data.php 获取数据并更新到 id 为 myDiv 的元素中。

以上是几种实现自动刷新 div 的方法，开发者可以根据实际需求选择适合自己的方法。