jQuery定期实现Ajax刷新本地页面实例。

方法1：

本地刷新最关注Ajax。当然，我们也可以使用Ajax来刷新页面。我们可以使用jQuery的附件将内容添加到指定的内容中。当然，最实用的是ajax加载数据。

例如，时间本地刷新

定时局部刷新使用jQuery setInterval方法setInterval方法有两个参数，第一个是设置定时执行的函数名，二是时间。如下面的代码所示，AA方法被设置为每10微秒执行一次。

$（函数（）{（））
setInterval（AA，10）；
函数aa（）{
$（# AA）。追加（fdsadfsa ）；
}
}）

例2

$（文档）Ready（函数（）{）
（startrequest setInterval（）
}）；
startrequest（）函数
{
$(#date).Text ((New Date ()).ToString ());
}

在示例3中，让我们看看这个刷新方法是如何实现的。

JSP页面的Ajax

$（# waitwork）。Click（function（）{）
请求地址；
var数据=类型：1 }；
$ ajax（{
键入：获取
异步：假 / /同步请求
网址，
数据：数据，
超时时间：1000，
成功：函数（日期）{
警报（日期）；
$（#内容）。Html（日期）； / /刷新DIV
}，
错误：函数（）{
警告（）失败，请稍后再试！；
}
}）；
}）；

HTML

注意：后台需要使用单个JSP页面来获取div中的信息，否则您需要封装返回所需的页面信息。

方法二：

有时，我需要某种机制来不断刷新Web以提供某种实时的仪表盘。如果我只能刷新某个页面的某一部分，它将非常大，例如：仪表板上的红绿灯显示系统状态。

使用jQuery Javaｓｃｒｉｐｔ库只刷新页面的一部分很容易。

Javaｓｃｒｉｐｔ得到了它的工作：

所以只要我们把我们的页面放到这个小的js代码片段中，刷新内容id标记中的所有内容，比如说，每5秒：

setInterval（）{（）函数（
$（#内容）。负荷（位置。href +#内容> *
}，5000）；

终于到了！！所以很容易做一些真正的实时监控，只是代码行。没有更多的奇数元刷新标记或iframe在Web应用程序的解决方案。

每隔5秒，我们将刷新相同的URL和所有元素，位于元素id的内容中作为内容元素：内容。