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

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

  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. 后台接受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. 前台调用参数,产生随机数
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. 定时刷新数据
//定时刷新数据;
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!

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页