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

摘要:
让我们一起做:首先,我们的默认值。aspx页面如下:上面的代码主要使用ajax函数向Result发送ajax请求。ashx页面,然后是Result。ashx页面返回json数据并对其进行解析。最后,使用setInterval()函数实现轮询效果。ashx页面的代码如下:代码数据库使用sqlite。请检查自己的具体用法。这样,系统最终实现。每隔5秒,主页就会轮询服务器以获取最新数据。

很多论坛都有进入后,弹出提示,说有多少封邮件没有看,或者是一个oa系统,进入后,提示有多少个任务没有做。每隔一段时间会提示一次,但是如何实现呢。其实,利用jquery的话,会比较简单,核心元素就是json格式解析和setInterval()函数。下面一起来实现:

首先,我们default.aspx的页面如下所示:

代码

上面代码主要利用ajax函数向Result.ashx页面发出ajax请求,然后由Result.ashx这个页面返回json数据,并进行解析,最后利用setInterval()函数实现轮询效果,具体的Result.ashx页面代码如下:

代码

数据库使用的是sqlite,具体使用方式请自查。这个处理文件中,最重要的是由datatable数据生成符合格式的json数据。

这样,系统最终就实现了,每隔5S钟,首页会向服务器轮询一次数据,以便获得最新的数据。

免责声明:文章转载自《JQuery实现简单的服务器轮询效果》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇vue+element-ui中的图片获取与上传刷百度权重的方法!!刷百度权重不为人知的内幕!慎用!下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jquery实现京东轮播图的简单写法

今天来写一个轮播图的案例,之前的博客中是有写过的,不过都是通过原生js来写的,比较复杂一些,今天来通过jquary的简单几句代码就可以实现这个轮播图效果。来看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...

jquery中点击切换的实现

项目中经常会遇到一种情况,就是点击切换,比如点击按钮,div样式为1,再点击一下按钮,div样式为2,再点击一下按钮,div样式为1。需要自定义jQuery方法toggle。 //toggle方法 $.fn.toggle = function( fn, fn2 ) { let args = argument...

jQuery模拟弹窗选择文件,以及ajax文件上传

没什么可以说的,直接看代码吧。本来也是自己记录的。 说明: $.messager, $.F.refreshSubForm均是自定义方法。不用管主要看方法: fileUploadRyxx // 构建弹窗,选择文件 function fileUploadRyxx( callback, accept = "" ) { let a = document.c...

jQuery Pagination Ajax分页插件中文详解(摘)

jQuery Pagination Ajax分页插件中文详解 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=616 中文项目地址:http://www.zhangxinxu.com/jq/pagination_zh/ 原项目...

jquery下拉菜单

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> ul, ol,...

使用Jquery Ajax请求 下载压缩文件

使用第三方组件:ICSharpCode.SharpZipLib 给按钮绑定一个点击事件 后台处理: 1 public ActionResult DownZip(stringids) 2 { 3 if (string.IsNullOrEmpty(ids)) 4 return Content("请选择要操...