漏刻有时数据可视化大屏常见问题(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!

相关文章
|
6月前
|
Web App开发 弹性计算 DataWorks
DataWork数据处理问题之开发页面展示不出来如何解决
DataWork数据处理是指使用DataWorks平台进行数据开发、数据处理和数据治理的活动;本合集将涵盖DataWork数据处理的工作流程、工具使用和问题排查,帮助用户提高数据处理的效率和质量。
|
3月前
|
数据可视化 定位技术 API
云解析地图作业问题之通过saveEffect实现组件联动如何解决
云解析地图作业问题之通过saveEffect实现组件联动如何解决
50 14
|
JavaScript 数据可视化
漏刻有时数据可视化应用到的机器自动模拟数据的js函数相关解决方案
漏刻有时数据可视化应用到的机器自动模拟数据的js函数相关解决方案
80 0
|
JSON 数据可视化 定位技术
漏刻有时数据可视化Echarts组件开发(26):全国地图三级热力图下钻和对接api自动调用数据开发实录
漏刻有时数据可视化Echarts组件开发(26):全国地图三级热力图下钻和对接api自动调用数据开发实录
215 0
漏刻有时数据可视化Echarts组件开发(26):全国地图三级热力图下钻和对接api自动调用数据开发实录
|
前端开发 JavaScript 数据可视化
数据可视化大屏人员停留系统的开发实录(默认加载条件筛选、单击加载、自动刷新加载、异步加载数据)
数据可视化大屏人员停留系统的开发实录(默认加载条件筛选、单击加载、自动刷新加载、异步加载数据)
137 0
|
数据可视化 前端开发 CDN
漏刻有时数据可视化大屏常见问题(16):视频背景快速加载及展示的解决方案
漏刻有时数据可视化大屏常见问题(16):视频背景快速加载及展示的解决方案
89 0
|
缓存 数据可视化 关系型数据库
漏刻有时数据可视化大屏phpstudyPro环境部署配置中的常见问题
漏刻有时数据可视化大屏phpstudyPro环境部署配置中的常见问题
96 0
|
数据可视化
漏刻有时数据可视化大屏实现已登录直接跳转到页面的方法
漏刻有时数据可视化大屏实现已登录直接跳转到页面的方法
51 0
|
缓存 前端开发 数据可视化
漏刻有时数据可视化大屏常见问题(5)修改样式表和图表核心库页面无变化
漏刻有时数据可视化大屏常见问题(5)修改样式表和图表核心库页面无变化
105 0
|
JavaScript 数据可视化 定位技术
漏刻有时数据可视化大屏常见问题(10):geomap调用本地版js文件的操作说明
漏刻有时数据可视化大屏常见问题(10):geomap调用本地版js文件的操作说明
86 0