定时刷新ajax获取实时数据，页面会越来越卡顿

定时刷新ajax获取实时数据时，会不停地获取这三项数据，造成页面变大图片说明
有什么办法解决吗，是什么原因造成的

点赞
写回答
关注问题
收藏
分享
邀请回答

5条回答默认最新

私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
孙大胜 2019-05-08 15:32

已采纳

首先你看这三项数据是否是需要实时刷新的，一个xhr（XMLHttpRequest ）代表一个请求，这就表示一直在循环调这三个请求，
先明确业务场景是否需要这么做。

点赞评论
分享

评论

评论

登录后可回复...
私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
毕小宝 2019-05-08 15:04

已采纳

你用的是 setInterval 还是 setTimout呢？
建议试试 setTimeout，每次重新请求。

点赞评论
分享

评论

评论

登录后可回复...
私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
ting102487 2019-05-08 15:35

已采纳

试试用WebSocket

点赞评论
分享

评论

评论

登录后可回复...
私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
Hello 程序猿 2019-05-08 16:01

已采纳

越来越卡可能是因为使用大量内存导致的，看看ajax时候是不是生成了很多变量，从自身代码去考虑

点赞评论
分享

评论

评论

登录后可回复...
私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
weixin_44626994 2019-09-09 15:06

已采纳

我试过一个ajax请求获取实时数据是没问题的，多个ajax请求跟你出现的一个问题。ws可以解决，不知道有没有更简单的办法？版主最后怎么解决的？

点赞评论
分享

评论

评论

登录后可回复...

报告相同问题？

提交关注问题

相关推荐更多相似问题

定时刷新ajax获取实时数据，页面会越来越卡顿 ajax chrome html5 javascript jquery
2019-05-08 14:48

回答 5 已采纳首先你看这三项数据是否是需要实时刷新的，一个xhr（XMLHttpRequest ）代表一个请求，这就表示一直在循环调这三个请求，先明确业务场景是否需要这么做。
用ajax获取接口数据并展示到html ajax 有问必答
2021-05-31 16:55

回答 5 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
ajax获取的数据如何正确存入一个变量 ajax
2017-11-05 03:44

回答 1 已采纳能弹出数据是什么意思？既然弹出的有数据，怎么会没有值呢？
项目中遇到用setTimeout定时器定时取实时数据绘制折线图，反复操作页面后，出现越来越卡顿的现象
2018-05-29 14:10

chelflan的博客 delegate中的存事件的list未清除，导致订阅者一直在接收数据触发以为vue的组件中销毁后会把全局的delegate给销毁了，其实不然需手动销毁将绘制折线图中的方法定义成为了全局，重复进入时候未清除堆中的对象，重复...
js代码实现定时刷新Iframe页面、用settimeout代替setinterval，可以解决定时器耗用内存过多导致卡死
2020-12-27 22:08

gzcaiwei的博客 js代码实现定时刷新Iframe页面、用settimeout代替setinterval，可以解决定时器耗用内存过多导致卡死最近单位约车系统有同事抱怨审批完车辆分配动态无法自动显示，要人工点击刷新，随查找资料，通过在iframe便签添加...
从页面加载到数据请求，前端页面性能优化实践分享
2021-07-14 11:46

powertoolsteam的博客转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决...对于服务商而言，前端优化能够减少页面请求数量，宽带所占带宽，有效的节省资源。前端优化的内容很多，按照粒度等级划分可以大致分为两类：页.
ajax获取json数据后用echarts制作折线图 ajax echarts json 有问必答
2021-06-30 13:07

回答 6 已采纳完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
ajax如何获取servlet的数据 ajax
2017-03-24 02:23

回答 4 已采纳这个你在循环里做的操作还是改改吧，另外你要用ajax传值的话可以使用json字符串吧要传的值转成json然后再传
ajax局部刷新页面后整个页面的事件消失 ajax
2017-12-07 06:22

回答 9 已采纳 $(".main").empty(); $(".main").html(data);
vue定时任务引发的问题
2020-07-16 19:53

ZackSQ的博客 vue中定义了一个定时任务来定时刷新渲染前台数据 created: function(){ this.intervalRunningTime = setIntval(() => { this.refresh(); //调用刷新接口 },5000) //每隔5秒刷新一次 } }, 由于后台接口...
ajax的初次接触
2020-05-06 21:37

秋林文的博客在不刷新整个页面的前提下，通过一个url地址获取服务器的数据，然后进行页面的局部刷新 3.ajax的用途评论加载效果、用户名验证 4.小结局部异步刷新 ajax------->>>Asynchronous Javascript And XML,...
Ajax每隔几秒请求一次服务器的实现
2010-06-09 14:20

shenzhw0000的博客 setInterval("getSchedule()",1000);
ajax如何实现跳转，以及将数据传到跳转页面？ ajax html5 jquery
2021-03-08 11:14

回答 3 已采纳一种方式是直接拼接在跳转链接后面（'http://xxx.com/xx.html?price='+price+'&title='+title），另外就是传个id到跳转页面再查一次（'http://xx
ajax请求的数据回退时一定会刷新 ajax 缓存
2016-11-29 06:58

回答 1 已采纳这个是浏览器决定的，你没法控制，你可以在服务器上使用缓存，如果返回的数据满足某个条件，那么直接从缓存中读取
jsp中怎么使用ajax局部刷新table中的数据？ ajax html5 jquery json
2019-03-11 17:07

回答 4 已采纳创建一个方法，点击触发ajax,比如jquery的$.post,然后接收后台传来的数据，然后通过jquery的$.each来遍历数据，就不用jstl表达式，但是要保证你的数据是严格的json数据，如果
Hybrid移动应用在多页面大数据复杂业务背景下的优化实践方案
2016-10-12 17:26

天外野草的博客当时的2.x性能真是不怎么样，首次加载时间也比较长，后来phonegap被apache纳入旗下以后，更名为Cordova，可以说从此以后，性能问题得到了很大的改善，占用内存也越来越小，到如今使用的版本已经变为
JavaScript如何一次性展示几万条数据
2018-04-11 13:06

暖心少年的博客有一位同事跟大家说他在网上看到一道面试题：“如果后台传给前端几万条数据，前端怎么渲染到页面上？”，如何回答？于是办公室沸腾了，同事们讨论开了，你一言我一语说出自己的方案。有的说直接循环遍历生成html...
firefox 浏览器刷新特别卡的解决方法
2012-09-25 11:01

步入狼途的博客最近今天发现firefox刷新网页的时候很卡，哪怕是一个ajax 请求也很卡。实在无法忍受，于是google问之，如下：这个问题很普遍,大多数的说法都是说因为plugin-container.exe进程导致火狐反应迟缓,将其关闭即可,将其...
后端如何获取ajax里的数据 ajax
2017-12-06 00:46

回答 2 已采纳 java版：request.getParameter("id");
从输入URL到显示页面的过程中发生了什么？
2018-11-20 16:41

CrankZ的博客如果在系统缓存里面还是没找到对应的IP，那么接着会发送一个请求到路由器上，然后路由器在自己的路由器缓存上查找记录，路由器一般也存有DNS信息（缓存你上过的网站，所以有时路由器需要进行DNS刷新） 2.4ISP DNS...
没有解决我的问题, 去提问

安全测试1

定时刷新ajax获取实时数据，页面会越来越卡顿

5条回答 默认 最新

相关推荐 更多相似问题

5条回答默认最新

相关推荐更多相似问题