如何使用 AJAX 自动刷新 div 或网页答案

【问题标题】：How to use AJAX for auto refresh a div or a web page如何使用 AJAX 自动刷新 div 或网页
【发布时间】：2015-01-21 07:19:09
【问题描述】：

我已经尝试了很多时间，但我做不到。这是我的问题：我有一个这样的网页：

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

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

注意：我不需要刷新整个页面的脚本。注意(2)：我刚刚尝试用谷歌找东西，但什么也没找到。

请帮帮我。这个问题困扰我好久了。

提前谢谢你！

【问题讨论】：

【解决方案1】：

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

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

新内容替换原来的内容。

使用 setInterval() 方法，可以让 JavaScript 每隔一段时间执行一次：

例如：

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

会每秒替换一次内容。

【讨论】：

你编写了 function($("#my_div").html("Hello")) {} 而不是： function() {$("#my_div").html("Hello") }

【解决方案2】：

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

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

load()是$.ajax的简写方法

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

【讨论】：

【解决方案3】：

你可以写一些类似的东西

var doSth = function () {

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

【讨论】：