浅谈Notification实战

一个系统当有重要消息时，我们通常需要有提醒的机制，那么Notification是个不错的选择。

首先使用Notification需要浏览器开启权限

1.需要浏览器没有开启权限，询问是否开始权限

document.addEventListener('DOMContentLoaded', function () {
        if (Notification.permission !== "granted")
        Notification.requestPermission();
    });

2.通知方法

function notify(data) {
      if (!Notification) {
        return;
      }

      if (Notification.permission !== "granted"){
            Notification.requestPermission();
      } else {
            var notification = new Notification('title', {//标题
              icon: '',//消息提醒的图标
              body: data,//展示的数据
              });
              notification.onclick = function () {

                //弹出提醒，点击执行的操作
                notification.close();//关闭
              };
      }
    }

3.与后台数据交互,利用ajax与后台数据交互

$(function(){    
    function methodName(){
        $.ajax({
            type:'POST',
            url:'',//后台接口
            dataType: "json", 
            success:function(data){
                if(data.length != 0) {
                    notify(data);//调用通知方法。
                }                
            },
            error:function(html){
            }
        });
    }
     setInterval(getLatestStatus, 30*1000); //半小时执行一次
});

 

以上就是使用Notification的一个实战例子，有哪些不足之处，请多多包含和指教

转载于:https://my.oschina.net/u/1458170/blog/1635670