首页
学习
活动
专区
圈层
工具
发布

ajax实现轮询

ajax,每一个前端开发都用过,都知道它一般是异步的,也能同步使用。websocket,没开发过实时监听数据的项目一般不会用过。...我们都知道聊天是需要长连接的,一般使用websocket,那么在一些场景下我们不想使用比较耗费资源的长连接,又想实现数据监听,这时候我们就会使用ajax的轮询。 那Ajax的轮询是什么?...其实ajax轮询一般分为两种。 第一种是设定一个定时器,无论有无结果返回,时间一到就会继续发起请求,这种轮询耗费资源,也不一定能得到想要的数据,这样的轮询是不推荐的。...第二种轮询就是在第一次请求的时候,如果返回数据了那么就在成功的回调里面再次发起这个请求,就像递归一样,调用本方法。如果时间太久,失败了,同样的再次调用这个请求,也就是本函数。...当然,长轮询也需要后台配合,没有数据改变的时候就不用返回,或者约定好逻辑。 ajax的轮询就是这么简单,不难,但是用不好就会造成性能上很大的问题,谨慎使用。

95810

简易聊天室的实现 - Ajax轮询与长轮询

什么是轮询   轮询即rolling,通过Ajax循环访问服务端直到获取信息返回并关闭连接。 通俗点讲就是连续访问服务器,获取服务端数据并在前端输出。...Ajax轮询   对于Ajax轮询, 我们可以简单的一笔带过,因为他真的太消耗服务器资源了。   ...>   而这种Ajax轮询的方式无论如何都会每1s访问一次服务端,前一次请求完成后,无论有无结果返回,一秒之后下一次请求又会发出。这就叫做Ajax轮询。...> Ajax长轮询   对于聊天室的实现,相比Ajax轮询,Ajax长轮询是一个更好的方式。它优化了客户端与服务端之间的信息获取逻辑。...对于聊天室还是推荐使用Websocket等方式 完整样例   对于Ajax长轮询我提供了一个完整的样例,包括前端后端,可以直接部署参照. Github仓库

1.9K11
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Flask框架:运用Ajax轮询动态绘图

    Ajax是异步JavaScript和XML可用于前后端交互,在之前《Flask 框架:运用Ajax实现数据交互》简单实现了前后端交互,本章将通过Ajax轮询获取后端的数据,前台使用echart绘图库进行图形的生成与展示...首先LyShark先来演示一下前端如何运用AJAX实现交互,通过$.ajax定义ajax开始标志,并指定url,type,datetype等信息,通过setInterval设置一个1000毫秒的定时器,...__name__ == '__main__': app.run() 运行这段代码,然后打开控制台,则可以看到如下数据,前台会每隔一秒向后端请求数据; 如果上方绘制可以被正确执行,那么想要实现轮询绘图只需要封装实现一个...因为只要我们遵循返回JSON的格式即可,运行替换后的程序,我们可以看到控制台会出现以下参数; 这就标志着接收的数据是正确的,我们来看下最终绘制效果; 当然有时候我们需要返回多个图形,而不是一个,运用轮询同样可以实现...,如下案例中将两个仪表盘合并在了一起,并通过一个接口实现了数据的轮询,相比上方代码变化并不大。

    1.4K10

    ajax轮询在压测平台中的应用

    - ajax的长轮询(long-polling)方式 1. 服务器端会阻塞请求直到有数据传递或超时才返回。 2....实现模型如图 代码实现 前端代码 遇到的问题 此种方式我在项目中遇到的弊端就是在同一个Html页面中发起一个长轮询请求后服务端会挂起当前线程,此时客户端一直处于等待响应阶段,由于html刷新机制是单线程...,所以就会影响同一个html页面中的其他请求都会被挂起如图所示 客户端定时拉数据 所谓的Ajax轮询,其实就是定时的通过Ajax查询服务端,客户端按规定时间定时像服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接...还有一个类似的轮询是使用JSONP跨域请求的方式轮询,在实现起来有差别,但基本原理都是相同的,都是客户端不断的向服务器发起请求。 优点 实现简单。

    1.9K70

    网页实时聊天之js和jQuery实现ajax长轮询

    3、轮询,顾名思义就是不停地发送查询消息,一有新消息立刻更新,但是会有多次无用请求。 4、长轮询,是轮询的升级版,需要服务器端的配合。...这篇博文总结一下用JS和JQ两种方式(其实不同就是js和jq的实现),实现AJAX长轮询。 长轮询的思想: ? 如图:用AJAX发送询问信息,服务器在没有信息要返回的时候进入无限等待。...由于AJAX异步的特性,PHP在服务器端执行等待不会影响到页面的正常处理。一旦服务器查询到返回信息,服务器返回信息,AJAX用回调函数处理这条信息,同时迅速再次发送一个请求等待服务器处理。...与传统轮询相比,长轮询在服务器没的返回信息的时候进入等待,减少了普通轮询服务器无数次的空回复。可以这样认为,长轮询使服务器每次的返回更有目的性,而不是盲目返回。...//执行ajax请求。

    5.5K80

    轮询与长轮询

    轮询 """ 轮询即轮番询问 让浏览器定时(例如每隔5s中发送一次)通过ajax偷偷滴朝服务端发送请求获取数据 不足之处 消息延迟 请求次数过多 损耗资源严重 效率低 基本不用...""" 长轮询 """ 服务端给每个客户端创建一个队列,让浏览器通过发送ajax请求,请求各自队列中的数据,如果没有数据则会阻塞但是不会一直阻塞,利用timeout参数加异常处理的形式最多阻塞30s之后返回...""" 长轮询实现简易版群聊功能 # 长轮询实现聊天室功能 url(r'^home/$',views.home), url(r'^send_msg/$',views.send_msg), url(r'^...'{{ csrf_token }}'}, success:function (args) { } }) } // 书写ajax...偷偷的请求数据 自己跟自己的队列去要 function getMsg() { $.ajax({ url:'/get_msg/',

    1.8K30

    轮询、长轮询、长连接、WebSocket

    前言 实现即时通讯常见的有四种方式,分别是:轮询、长轮询(comet)、长连接(SSE)、WebSocket。 轮询 很多网站为了实现推送技术,所用的技术都是轮询。...轮询是在特定的的时间间隔(如每1秒),由客户端浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。...长轮询 客户端向发起一个到服务端的请求,然后服务端一直保持连接打开,直到数据发送到客户端为止。...相对于HTTP请求需要等待客户端发起请求服务端才能响应,延迟明显更少;即使是和Comet等类似的长轮询比较,其也能在短时间内更多次地传递数据。 保持连接状态。...缺点:相对来说,开发成本和难度更高 总结 轮询(Polling) 长轮询(Long-Polling) Websocket 长连接(SSE) 通信协议 http http tcp http

    10.3K33

    轮询、长轮询、长连接、websocket

    (comet) ajax实现:   当服务器收到客户端发来的请求后,服务器端不会直接进行响应,而是先将这个请求挂起,然后判断服务器端数据是否有更新。...function ajax(){ var xhr = new XMLHttpRequest(); xhr.open('GET','/user'); xhr.onreadystatechange...= function(){ ajax(); }; xhr.send(); } 轮询与长轮询都是基于HTTP的,两者本身存在着缺陷:轮询需要更快的处理速度...;长轮询则更要求处理并发的能力;两者都是“被动型服务器”的体现:服务器不会主动推送信息,而是在客户端发送ajax请求后进行返回的响应。...SSE在本质上就与之前的长轮询、短轮询不同,虽然都是基于http协议的,但是轮询需要客户端先发送请求。

    11.2K31

    轮询和长轮询的区别

    1.轮询由客户端发送请求,服务器接收请求的过程,通过客户端不断请求,使得客户端能够模拟达到类似实时收到服务器的效果。...客户端定时向服务器发送 Ajax 请求,服务器接到请求后马上返回响应信息,并关闭连接。不管服务端数据有无更新,客户端每隔定长时间请求拉取一次数据,可能有更新数据返回,也可能什么都没有。...图片图片2.长轮询长轮询是长连接的一种,当服务器收到客户端发来的请求后,服务器端不会直接进行响应,而是先将这个请求挂起,然后判断服务器端数据是否有更新。...像 WebQQ/FaceBook 早起都是使用长轮询实现的。...缺点:连接挂起会导致资源的浪费,长轮询会造出非常多的请求,不断的请求可能会造成的影响是数据顺序无法得到保证。

    3K40

    关于轮询与长轮询的分享

    一、轮询   1、轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称“程控输入输出”(Programmed I/O)。...4、简单来说,轮询就是客户端定时去请求服务端, 是客户端主动请求来促使数据更新;  短轮询的基本思路:     就是浏览器每隔一段时间向浏览器发送http请求,服务器端在收到请求后,不论是否有数据更新...见过一些人喜欢把每次轮询的断开到下次轮询开始客户端的接收->再请求的行为称之为一次“心跳(Beat)”,也挺贴切的。...理解:   1、传统的轮询是前端ajax轮询,每隔一段时间发一个请求,服务器响应后马上关掉连接,但是这种方式明显有很大的开销,所以才有了长轮询,就是响应时间变长了,浏览器(客户端)发送一个请求,服务器hold...住连接(就是循环加睡觉,可以到网上找找简单的实现代码),等有消息的时候才返回,当然浏览器的这个连接在这个过程中可以阻塞也可以异步非阻塞,ajax是异步的,等等,你说了这么多我还是不知道为什么长轮询可以当

    3.1K20

    WebSocket,不再“轮询”

    简单举两个例子: (1) 页面地图上要实时显示在线人员坐标:传统基于HTTP接口的处理方式是轮询,每次轮询更新最新的坐标信息。...我们只能使用"轮询":每隔一段时候,就发出一个询问,了解服务器有没有新的信息。但这种方式即浪费带宽(HTTP HEAD 是比较大的),又消耗服务器 CPU 占用(没有信息也要接受请求)。...在WebSocket API尚未被众多浏览器实现和发布的时期,开发者在开发需要接收来自服务器的实时通知应用程序时,不得不求助于一些“hacks”来模拟实时连接以实现实时通信,最流行的一种方式是长轮询 。...长轮询主要是发出一个HTTP请求到服务器,然后保持连接打开以允许服务器在稍后的时间响应(由服务器确定)。...虽然长轮询是可以解决这一问题的,但它会耗费更多的资源,如CPU、内存和带宽等,要想很好的解决实时通信问题就需要设计和发布一种新的协议 1.2.

    1.9K10

    GPIO—按键轮询

    12.3软件设计 12.3.1标题软件设计思路 实验目的:本实验通过轮询读方式取GPIO的输入电平判断按键是否按下,并操作对应LED。...按键初始化:GPIO端口时钟使能、GPIO引脚设置为输入(PA0, PG15, PC13, PE3); 封装每个按键处理函数:读取按键GPIO状态,操作对应LED灯亮灭; 主函数轮询按键状态:一直检测是否有按键被按下...; 本实验配套代码位于“5_程序源码\5_GPIO—按键轮询\”。...(); // 轮询向下键 DownKeyPolling(); // 轮询向左键 LeftKeyPolling(); // 轮询向右键 RightKeyPolling(); } 1~4行:初始化LED灯和按键...; 6~16行:一直循环查询每个按键当前状态,从而判断对应按键是否按下; 12.4实验效果 本实验对应配套资料的“5_程序源码\5_GPIO—按键轮询\”。

    3.2K20

    Round Robin 轮询调度算法Round Robin 轮询调度算法

    Round Robin 轮询调度算法 轮询调度(Round-Robin Scheduling) 轮询调度(Round Robin Scheduling)算法就是以轮询的方式依次将请求调度不同的服务器,即每次调度执行...轮询调度算法的原理是每一次把来自用户的请求轮流分配给内部中的服务器,从1开始,直到N(内部服务器个数),然后重新开始循环。...轮询调度算法流程 假设有一组服务器N台,S = {S1, S2, …, Sn},一个指示变量i表示上一次选择的服务器ID。变量i被初始化为N-1。...= i); return NULL; 轮询调度算法假设所有服务器的处理性能都相同,不关心每台服务器的当前连接数和响应速度。当请求服务间隔时间变化比较大时,轮询调度算法容易导致服务器间的负载不平衡。

    3.8K30

    【春节日更】websocket和轮询及长轮询的理解

    今日分享: websocket 和 轮询 及 长轮询 的理解 01 轮询 轮询 :客户端以一定的时间间隔向服务端发出请求,以频繁请求的方式来保持客户端和服务器端的同步。...没有(Response) ---- loop 02 长轮询 长轮询:当服务器收到客户端发来的请求后, 服务器端不会直接进行响应,而是先将这个请求挂起,然后判断服务器端数据是否有更新。...服务端:balabalabalabala 服务端:balabalabalabala 服务端:哈哈哈哈哈啊哈哈哈哈 服务端:笑死我了哈哈哈哈哈哈哈 04 总结 长轮询和短轮询比起来,明显减少了很多不必要的...长轮询的缺点在于,连接挂起也会导致资源的浪费。 HTML5 WebSocket 设计出来的目的就是要取代轮询和 Comet 技术。使客户端浏览器具备像 C/S 架构下桌面系统的实时通讯能力。...从兼容性角度考虑,短轮询 > 长轮询 > WebSocket; 从性能方面考虑,WebSocket > 长轮询 > 短轮询。

    1.1K10
    领券