本文实例讲述?/p>
JQuery
实现简单的服务器轮询效果。分享给大家供大家参考,具体?/p>
下:
很多论坛都有进入后,弹出提示,说有多少封邮件没有看,或者是一?/p>
oa
系统,进?/p>
后,
提示有多少个任务没有做?/p>
每隔一段时间会提示一次,
但是如何实现呢?/p>
其实?/p>
利用
jquery
的话,会比较简单,核心元素就是
json
格式解析?/p>
setInterval()
函数。下面一起来实现?/p>
首先,我?/p>
default.aspx
的页面如下所示:
<%@
Page
Language="C#"
AutoEventWireup="true"
CodeFile="Default.aspx.cs"
Inherits="_Default" %>
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>
服务器轮?/p>
</title>
<link
href="Content/jquery-ui-1.7.2.custom.css"
rel="stylesheet"
type="text/css"
/>
<link href="Content/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/src/grid.base.js" type="text/javascript"></script>
<script type="text/javascript">
function showUnreadNews()
{
$(document).ready(function() {
$.ajax({
type: "GET",
url: "Result.ashx",
dataType: "json",
success: function(msg) {
//alert(msg);
$.each(msg, function(id, title) {
$("#news").append("<a
href=detailnews.aspx?id=" + id + ">" + title + "</a><br>");
});
}
});
});
}
setInterval('showUnreadNews()',5000);
</script>
</head>
<body>