织梦dedecms 增加自定义表单留言后桌面弹出提醒

只要提前打开浏览器并打开了网址,有新的留言信息后,便会在windows桌面上弹出提示,因使用了html5的notification功能,所以该功能会直接在所有应用层上弹出,弹出界面如下
织梦dedecms 增加自定义表单留言后桌面弹出提醒

表单添加vm字段

在你的表单中添加一个vm字段,将默认值设为0,下面的查询页面中会用到

该功能一共两个文件,一个ajax无刷新获取文件,一个是后端查询数据库文件

前端ajax无刷新获取ly.html

因用了jquery,所以你在使用时请引入
下方的setInterval时间请调试的时候设小一些,我设为10秒一次。
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="http://www.xxx.com/skin/libs/jquery/jquery.min.1.7.2.js"></script>

<script>
			//ajax请求方法
			function getMsgCount()
			{
				$.get("ly.php",function(data){
					
					if(data == "0")
					{
						showNotice()
					}else{
						console.log("无数据");
					}
					
				})
			}
			
			
			
			function showNotice() {   
				Notification.requestPermission(function (perm) {  
					if (perm == "granted") {  
						var notification = new Notification("访客留言通知:", {  
							dir: "auto",  
							lang: "hi",  
							tag: "testTag",  
							icon: "http://www.xxx.com/skin/index2018/v.png",  
							body: "您有一条最新的访客留言通知"  
						});  
        }  
    })  
}  
			
			
			
			//定时触发
			$(function(){
				setInterval('getMsgCount()',10000);
			});
		</script>
		<style>
			body { font-size:30px; text-align: center; margin-top: 100px;}
		</style>
		</head>
		
		<body>
			主动 - 热情 -不烦燥
		</body>
</html>

后端查询功能ly.php

<?php
	require 'data/common.inc.php';
   
    $conn = new mysqli($cfg_dbhost,$cfg_dbuser,$cfg_dbpwd,$cfg_dbname);

    $sql = "select * from dede_diyform1 order by id desc LIMIT 1";		
	$result = $conn->query($sql);
	
	$info = "";
	if ($result->num_rows > 0) {
		  while($row = $result->fetch_assoc()) {
			$info = $row["vm"];
		  }
		  
		  if($info == "" || $info == "0"){
		  	$info = 0;
		  }
	  }		
		
	
	echo $info;
	
	$conn->close();
我们将内容暂放在根目录下,初次运行
http://127.0.0.1/ly.html
弹出如下框,则说明运行成功
织梦dedecms 增加自定义表单留言后桌面弹出提醒

未弹出解决


该方法仅限于,我们输出data数据时有正常数值,但却不弹出的解决,否则请查看你的数据查询部

使用中发现,谷歌浏览器需要使用htpps才可以,最新的火狐浏览器也需要使用https,但火狐65.0.1是可以的,360或傲游本人自己电脑安装版本可以,所以测试时请你自己下载相应的版本。

评论

大侠名号:   验证暗号: 点击我更换图片

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND