JQuery实现简单的服务器轮询效果实例.pdfVIP

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