zoukankan      html  css  js  c++  java
  • PHP使用AJax轮询实现新订单实时提醒

    业务逻辑:Ajax每隔10秒钟请求一次接口,该接口会去查询数据库是否有新的订单,如果有则返回新订单的数量,后台收到声音提示,更改后台提醒数量

                     提醒框可链接到订单列表,后台更改完订单状态后会提醒会消失

                     此逻辑同样可用于实现后台通知功能,用定时任务也可以实现

                     

    1、JS代码

    <audio id="mp3" src="/admin/mp3/remind.mp3"> </audio>
        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script>
            var remind = 1;
            var mp3 = $("#mp3")[0];
            var play= 0;
           
            if(sessionStorage.num){
                $(".remind").text(sessionStorage.num);
            }
    
            $.ajax({
                url:"/sendOrderNotice",
                success:function (data) {
                    sessionStorage.num = data;
                    $(".remind").text(data);
                    remind = data;play=data;
                    remind<=0?$(".remind").hide():$(".remind").show();
    
                }
            })
    
    
            setInterval(function () {
                $.ajax({
                    url:"/sendOrderNotice",
                    success:function (data) {
                        remind = data;
                        sessionStorage.num = data;
                        if(play==remind){
                            remind<=0?$(".remind").hide():$(".remind").show()
                        }else{
                            $(".remind").show().text(remind);
                            mp3.play();
                            play=remind;
                        }
                    }
                })
            },10000)
    </script>

     2、php接口

    /**
         * 订单提醒
         */
        public function sendOrderNotice(){
            //查询order表是否有新订单
            $NewOderCount=Order::getNewOderCount();
            if ($NewOderCount) {
                echo json_encode($NewOderCount);
            } else {
                echo 0;
            }
        }
  • 相关阅读:
    前端学习:html基础学习四
    前端学习:html基础学习三
    cogs 2691. Sumdiv
    cogs 421. HH的项链
    Bzoj 2038: [2009国家集训队]小Z的袜子(hose)
    【NOIP模拟赛】密码锁
    cogs1612. 大话西游
    cogs1583. [POJ3237]树的维护
    Bzoj 3343: 教主的魔法
    SPOJ375 Query on a tree
  • 原文地址:https://www.cnblogs.com/lamp01/p/7065792.html
Copyright © 2011-2022 走看看