Echarts通过ajax获取数据定时更新轮询的解决方案及问题分析

简介: Echarts通过ajax获取数据定时更新轮询的解决方案及问题分析

一、目前网上常用的解决方案

//将ajax封装起来启用一个定时器达到三秒抓一次数据
window.function(){
    setInterval(ajaxNew(),3000);
}

存在的问题是,首次加载缓慢,用户体验性差,数据加载不友好。

二、升级定时刷新方案

// 执行异步请求
 var salesinterval;
         getsales();
clearInterval(salesinterval);
        //自动刷新;
        salesinterval = setInterval(function () {
            getsales()
        }, 6 * 1000);

首次下载页面即加载数据,然后再定义自动刷新时间;

三、淘汰的方案

在ajax获取数据后,定时刷新页面。虽然数据可以刷新,但是是整体数据的刷新,并非单列数据的更新,会出现“闪屏”

            //定时更新数据,会出现刷屏,而不是单列数据的自动更新
            setInterval(function () {
              window.location.reload()
            }, 6 * 1000);


漏刻有时(LOCKDATA),数据可视化大屏,挖掘大数据背后的价值。

相关文章
|
4月前
|
XML 前端开发 JavaScript
PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑
本文深入探讨了PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑;Ajax则通过异步请求实现页面无刷新更新。文中详细介绍了两者的工作原理、数据传输格式选择、具体实现方法及实际应用案例,如实时数据更新、表单验证与提交、动态加载内容等。同时,针对跨域问题、数据安全与性能优化提出了建议。总结指出,PHP与Ajax的结合能显著提升Web应用的效率和用户体验。
100 3
|
5月前
|
Web App开发 前端开发 JavaScript
Python编程—Ajax数据爬取(一)
Python编程—Ajax数据爬取(一)
87 0
|
5月前
|
前端开发 NoSQL MongoDB
Python编程—Ajax数据爬取(二)
Python编程—Ajax数据爬取(二)
145 0
|
6月前
|
JSON 前端开发 数据格式
layui 穿梭框transfer组件 数据data用ajax来获取
layui 穿梭框transfer组件 数据data用ajax来获取
300 2
|
7月前
|
数据可视化
Echarts数据可视化大屏开发| 大数据分析平台
Echarts数据可视化大屏开发| 大数据分析平台
|
7月前
|
机器学习/深度学习 数据采集 存储
基于Python+flask+echarts的气象数据采集与分析系统,可实现lstm算法进行预测
本文介绍了一个基于Python、Flask和Echarts的气象数据采集与分析系统,该系统集成了LSTM算法进行数据预测,并提供了实时数据监测、历史数据查询、数据可视化以及用户权限管理等功能。
191 0
|
8月前
echarts 提示框异步获取数据 —— formatter 异步回调函数的使用
echarts 提示框异步获取数据 —— formatter 异步回调函数的使用
231 0
|
9月前
|
前端开发 JavaScript Java
Spring创建Ajax和接受Ajax数据-spring20
Spring创建Ajax和接受Ajax数据-spring20
|
9月前
|
PHP
php+ajax传file文件数据
php+ajax传file文件数据
68 0
|
Web App开发 JSON JavaScript
一起谈.NET技术,Ajax和WEB服务数据格式:自定义返回格式
  这是这一系列的最后一篇文章了,前面我们讲到了XML,SOAP,HTM格式和第二部分的JSON和JSONP。现在我们来看看自定义数据格式。   最佳的数据传输格式应该是使用最少的传输量表达最需要的数据。
915 0