Question

我一直试图这么做很多时间，但我做不到。这是我的问题：我有一个像这样的网页：

<html>
<body>
<div id="my_div">
<span id="txt">HELLO WORLD</span>
</div>
</body>
</html>

现在我希望div“my_div”每隔X秒刷新一次，同时刷新其内容。如何使用AJAX或JQUERY或JAVASCRIPT做到这一点？

注意：我不需要刷新整个页面的脚本。注意（2）：我刚试图通过谷歌找到一些东西，但我一无所获。

请帮帮我。我一直有这个问题。

提前谢谢！

Answer 1

使用jQuery load()和间隔计时器是最简单的。

setInterval(function(){
   $('#my_div').load('/path/to/server/source');
}, 2000) /* time in milliseconds (ie 2 seconds)*/

load()是$.ajax

的简写方法

这假定您将设置仅输出该元素内容的服务器端脚本。您还可以使用load url中的选择器片段来解析特定内容的整页

Answer 2

你可以写一些像

这样的东西

var doSth = function () {

  var $md = $("#my_div");
  // Do something here
};
setInterval(doSth, 1000);//1000 is miliseconds

Answer 3

使用jQuery，您可以使用以下命令动态更新元素的内容：

$("#my_div").html("... new content ...");

新内容取代了原始内容。

使用setInterval（）方法，您可以在每个句点执行JavaScript：

例如：

window.setInterval(function() {
   $("#my_div").html("... new content ...");
}, 1000);

每秒都会更换内容。