fastadmin开发:全局加载AJAX,实现有新消息,及时变更和声音提醒

2022-12-23 0 415

工程项目须要从驱动器方式领到新一代的新浪网客服人员统计数据或是在采用者操作方式时及时处理给控制系统告诫(比如说有新进行咨询、新订货等),因此须要前台大部份网页,都能提示重要信息有新一代重要信息,须要自上而下提及。他们的路子是在全数网页都能看见的是颈部,左侧工具栏等。把统计数据在那些地方性表明出。除此之外须要两个人声提示重要信息,如果在前台,有新官方消息时,人声告诫。很新颖。

1、写好驱动器方式:

data);}

fastadmin开发:全局加载AJAX,实现有新消息,及时变更和声音提醒

2、他们是自上而下初始化在右侧工具栏的顶端,application\admin\view\common\menu.html,在‘工具栏搜寻’那儿重新加入标识符:

这儿/assets/kf.mp3是你的告诫人声文档。class=”badge”是fastadmin内建的CSS式样。

3、即使fastadmin前台是架构iframe地区内部结构的,找出前台主页的JS类,采用AJAX从驱动器方式里领到新一代的统计数据。这儿的大部份的JS表达式,都能修正到后面的menu.html文档里的ID。

\public\assets\js\backend\index.js里,在index: function (){那个方式里,第二行间接重新加入标识符:

//lgocl读取新浪网客服人员新一代官方消息var laudio = document.getElementById(lvoide);//var laudio =$(“#lvoide”)[0];//JQ方式setInterval(function (){Fast.api.ajax({url:”lgocl/lurl”, data:{“t”:2}}, function(data, ret){console.log(data);//获得成功的反弹$(“#lbadge”).html(data[num]);$(“#lurl”).attr(“href”,data[url]);if(parseInt(data[num])>0){laudio.play();//播映告诫人声}else{laudio.pause();/*中止*/}});},60000);//1两分钟查一场

fastadmin开发:全局加载AJAX,实现有新消息,及时变更和声音提醒

上面这儿采用了Fast.api.ajax方式完成AJAX操作方式,fast是fastadmin特有的类,有JS类也有PHP类,采用大概是这样:

//发送两个Ajax请求,并手动处理获得成功的事件Fast.api.ajax(“ajax/test”, function(data, ret){//data为采用$this->success(“操作方式获得成功”,””,$data);中$data的值//ret为{“code”:1″data”:$data,”msg”:”操作方式获得成功”}});

这儿人声的播映目前有两个问题,在谷歌浏览器下,打开网页后,必须要点击一下网页,有官方消息时,play()才有效。如果你只是打开网页,鼠标没有在网页上有所操作方式过,不会自动告诫。那个应该是浏览器的自身的设计采用问题。

来一张我的成品图吧,大概是这样了。

fastadmin开发:全局加载AJAX,实现有新消息,及时变更和声音提醒

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务