漏刻有时数据可视化大屏常见问题(13):翻牌器自动刷新数据前后端执行的解决方案

简介: 漏刻有时数据可视化大屏常见问题(13):翻牌器自动刷新数据前后端执行的解决方案

翻牌器自动刷新数据前后端执行的解决方案!

  1. 1.设置ajax传递随机数actNum到后台,无需返回值;
/*定时更新虚拟数据*/
function updateTrans(actNum) {
    $.ajax({
        type: "post",
        async: true,
        url: "./api/api.php?act=updateTrans&token=3cab7ce4142608c0f40c785b5ab5ca24&actNum=" + actNum,
        data: {},
        dataType: "json",
        success: function (res) {
            //无需返回;
        },
        error: function (err) {
            console.log("Ajax err:" + err);
        }
    });
}
  1. 2.后台接受actNum,更新数据;
   /*定时刷新年度和月度虚拟交易量*/
    public function updateTrans()
    {
        global $db, $res;
        dbc();
        $actNum = $_GET['actNum'];
        //更新插件交易量;
        $row = $db->fetch('orders', 'orders_id, orders_price,orders_virtual', array("orders_virtual" => '1'), ' orders_id DESC');
        if ($row) {
            $row['orders_price'] = $row['orders_price'] + $actNum;
            $db->update('orders', array('orders_price' => $row['orders_price']), array('orders_id' => $row['orders_id']));
            $res["data"] = $actNum;
        }
        die(json_encode_lockdata($res));
    }
  1. 3.前台调用参数,产生随机数
function getData() {
    $.ajax({
        url: './api/api.php?act=getYears&token=3cab7ce4142608c0f40c785b5ab5ca24',
        type: 'POST',
        async: true,
        dataType: "json",
        success: function (res) {
            var totalNum = parseFloat(parseFloat(res.data[0].total) + parseFloat(yearsNumInt)).toFixed(2);
            var numRun = $(".numberRun").numberAnimate({num: totalNum, dot: 2, speed: 2000, symbol: ","});
            numRun.resetData(totalNum);
        },
        error: function (err) {
            console.log(err + "请求数据失败!");
        },
    });
}
  1. 4.定时刷新数据
//定时刷新数据;
var timer;
getNewData();
clearInterval(timer);
timer = setInterval(getNewData, 6 * 1000);//每隔3秒执行一次
//更新插件数据;
function getNewData() {
    getData();
    var actNum = parseFloat((Math.random() * 10 + 5).toFixed(2) - 0);//随机累加2位数;
    updateTrans(actNum);
}


Done!

相关文章
|
4月前
|
数据可视化 定位技术 API
云解析地图作业问题之通过saveEffect实现组件联动如何解决
云解析地图作业问题之通过saveEffect实现组件联动如何解决
54 14
|
数据可视化
漏刻有时数据可视化Echarts组件开发(17):环图显示设备状态正常故障的解决方案
漏刻有时数据可视化Echarts组件开发(17):环图显示设备状态正常故障的解决方案
97 0
|
JavaScript 数据可视化
漏刻有时数据可视化应用到的机器自动模拟数据的js函数相关解决方案
漏刻有时数据可视化应用到的机器自动模拟数据的js函数相关解决方案
83 0
|
7月前
|
数据可视化
宜搭dataV的ECHART图形控件加载数据源,怎样设置才能够实现两个曲线对比分析
宜搭dataV的ECHART图形控件加载数据源,怎样设置才能够实现两个曲线对比分析
|
JSON 数据可视化 定位技术
漏刻有时数据可视化Echarts组件开发(26):全国地图三级热力图下钻和对接api自动调用数据开发实录
漏刻有时数据可视化Echarts组件开发(26):全国地图三级热力图下钻和对接api自动调用数据开发实录
235 0
|
数据可视化 前端开发 JavaScript
基于Echarts实现可视化数据大屏大数据可视化的方法和流程
基于Echarts实现可视化数据大屏大数据可视化的方法和流程
620 0
|
前端开发 JavaScript 数据可视化
数据可视化大屏人员停留系统的开发实录(默认加载条件筛选、单击加载、自动刷新加载、异步加载数据)
数据可视化大屏人员停留系统的开发实录(默认加载条件筛选、单击加载、自动刷新加载、异步加载数据)
144 0
|
数据可视化 前端开发 CDN
漏刻有时数据可视化大屏常见问题(16):视频背景快速加载及展示的解决方案
漏刻有时数据可视化大屏常见问题(16):视频背景快速加载及展示的解决方案
93 0
|
缓存 数据可视化 关系型数据库
漏刻有时数据可视化大屏phpstudyPro环境部署配置中的常见问题
漏刻有时数据可视化大屏phpstudyPro环境部署配置中的常见问题
99 0
|
数据可视化
漏刻有时数据可视化大屏实现已登录直接跳转到页面的方法
漏刻有时数据可视化大屏实现已登录直接跳转到页面的方法
55 0