淺談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的一個實戰例子，有哪些不足之處，請多多包含和指教