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

时间:2016-06-14 05:13:36

标签: javascript jquery html ajax

我是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)中更新数据。

2 个答案:

答案 0 :(得分: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);

答案 1 :(得分:0)

你可以编写类似这样的代码 - (您可以更改我设置为1000毫秒的间隔值。

var interval = setInterval(function() {

$.get("YOUR DATA SOURCE", function(data, status){
    //Update DIV values using data
});

},1000);