JQuery实现简单的服务器轮询效果
2017-05-10 15:26
204 查看
很多论坛都有进入后,弹出提示,说有多少封邮件没有看,或者是一个oa系统,进入后,提示有多少个任务没有做。每隔一段时间会提示一次,但是如何实现呢。其实,利用jquery的话,会比较简单,核心元素就是json格式解析和setInterval()函数。下面一起来实现:
首先,我们default.aspx的页面如下所示:
代码
上面代码主要利用ajax函数向Result.ashx页面发出ajax请求,然后由Result.ashx这个页面返回json数据,并进行解析,最后利用setInterval()函数实现轮询效果,具体的Result.ashx页面代码如下:
代码
数据库使用的是sqlite,具体使用方式请自查。这个处理文件中,最重要的是由datatable数据生成符合格式的json数据。
这样,系统最终就实现了,每隔5S钟,首页会向服务器轮询一次数据,以便获得最新的数据。
首先,我们default.aspx的页面如下所示:
代码
上面代码主要利用ajax函数向Result.ashx页面发出ajax请求,然后由Result.ashx这个页面返回json数据,并进行解析,最后利用setInterval()函数实现轮询效果,具体的Result.ashx页面代码如下:
代码
数据库使用的是sqlite,具体使用方式请自查。这个处理文件中,最重要的是由datatable数据生成符合格式的json数据。
这样,系统最终就实现了,每隔5S钟,首页会向服务器轮询一次数据,以便获得最新的数据。
相关文章推荐
- JQuery实现简单的服务器轮询效果实例
- JQuery实现简单的服务器轮询效果
- jQuery:简单6行代码实现tab效果
- [原创+源码]超简单:基于jQuery实现的选项卡(滑动门)效果
- jquery简单实现tab选项卡效果
- jquery实现简单的拖拽效果,兼容所有浏览器(一)
- 天易12----jquery实现简单的选项卡效果
- jQuery简单改进实现google suggest效果
- 用jquery较简单的实现鼠标移进移出样式变化的效果!
- jQuery 简单实现菜单折叠效果!
- (原创)简单 jQuery 插件让 Table 中的 Tr 实现光棒效果
- 使用jquery实现简单的拖动效果
- JQuery实现一个简单的鼠标跟随提示效果
- jquery实现简单的手风琴效果
- jquery的ajax效果最简单实现 及innerhtml()和innertext()的区别
- 简单JS实现走马灯效果的文字(无需jQuery)
- [原创+源码]超简单:基于jQuery实现的选项卡(滑动门)效果
- JQuery实现的简单标签选项卡效果
- jquery简单实现微博广场下滑效果
- 天易13----jquery实现简单的可拖动的弹出层效果