javascript - 通过 jquery/ajax 每 x 秒刷新一次 div

Question

我是 jquery/ajax 新手。我试图每 x 秒刷新一次 div

代码:

<div id="page-wrapper">

<div id = "x"></div>
<div id = "y"></div>
<div id = "z"></div>

</div>

我必须每 x 秒刷新一次 ID 为“page-wrapper”的 div。刷新时，我需要一个回调函数，在该函数中我将更新 div (x,y,z) 中的数据。

Answer 1

使用setInterval每n毫秒运行一个函数。在该函数中，您可以通过 ajax 调用或其他方法检索数据并更新 div 中的数据。

例如:

var intervalInMs = 5000;
setInterval(function(){
 $.ajax({url: "data.json", success: function(result){
        $("#x").text(result.x);
        $("#y").text(result.y);
        $("#z").text(result.z);
    }});
},intervalInMs);