想要那种有提示声音的网站吗?我教你怎么做!

您有新的外卖订单请及时查收!

熟悉不能再熟悉的声音了,今天小编就做了这样一个网站的提示新订单的功能,接下来就教你怎么玩转这个小功能!

想要那种有提示声音的网站吗?我教你怎么做!_第1张图片

首先我们前端的代码是这样写的:

想要那种有提示声音的网站吗?我教你怎么做!_第2张图片

上面这些是播放媒体声音的功能,下面介绍怎么去后端请求数据了

想要那种有提示声音的网站吗?我教你怎么做!_第3张图片

以上是做ajax的轮询操作,当然你做成websockt也是可以的,本文就作为一个抛砖引玉的作用吧。

后端的话,可以去数据库查询,也可以在前端做好redis缓存,或者其他缓存,然后从缓存里面获取数据等等都是可以的!

想要那种有提示声音的网站吗?我教你怎么做!_第4张图片

是不是很简单,快去尝试一下吧!


想要那种有提示声音的网站吗?我教你怎么做!_第5张图片
想要那种有提示声音的网站吗?我教你怎么做!_第6张图片

你可能感兴趣的:(想要那种有提示声音的网站吗?我教你怎么做!)