[英]Real time notification by using php and jquery
我有一些事件,在这些事件中,无论何时创建新事件,我都希望为用户弹出通知,以便他们知道。 我想在任何用户创建新事件时都生成实时通知,而我已经为此使用了php和jQuery,但我面临的问题是我的代码是在新事件到来时生成通知,但仅一次且仅针对一个用户。 我希望每个用户都可以收到有关事件的通知,但是如果用户收到该事件,则不能多次,那么就无需再次显示它们,但如果没有,则应该生成通知。 所以这是我的代码:
Notification.php: -
<?php
$user = "root";
$pass = "";
$host = "localhost";
$dbname = "db_notification";
try {
$conn = new PDO("mysql:host=$host;dbname=$dbname", $user, $pass);
$conn->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
echo $e->getMessage();
}
$output = array(
'found' => 0,
'notifications' => array()
);
if ( ! empty($_GET['action'])) {
switch ($_GET['action']) {
case "show_last_five":
$sql = "SELECT * FROM `tbl_notification` INNER JOIN tbl_user_notification ON tbl_user_notification.notification_id = tbl_notification.id WHERE tbl_user_notification.user_id = '1';";
$q = $conn->query($sql);
$q->setFetchMode(PDO::FETCH_ASSOC);
if ($q->rowCount() > 0) {
$output['found'] = 0;
$output['notifications'] = null;
} else {
$sql = "SELECT * FROM `tbl_notification` LIMIT 5;";
$q = $conn->query($sql);
$q->setFetchMode(PDO::FETCH_ASSOC);
$output['found'] = $q->rowCount();
$tempArr = array();
$insertArray = "";
foreach ($q->fetchAll() as $row) {
array_push($tempArr, $row);
$sql1 = "INSERT INTO tbl_user_notification (user_id,notification_id) VALUES('1','" . $row['id'] . "')";
$q1 = $conn->query($sql1);
}
$output['notifications'] = $tempArr;
}
break;
default:
break;
}
header('Content-Type:application/json;');
echo json_encode($output);
}
?>
Notification.js: -
$(document).ready(function() {
var lastDisplayed = 0;
$('#gnrt_notfctn').on('click', function () {
$.getJSON('http://localhost/test/test/notifications/notification.php? action=show_last_five', function (data) {
var output = '';
if (data['found'] > 0) {
$.each(data['notifications'], function (i, v) {
if ($('#lastNotification').text() !== v['id']) {
var close_button = '';
if (v['close_button'] == 1) {
close_button = "<span style='position:absolute;right:25px;' data- dismiss='alert'><i class='fa fa-close'></i></span>";
} else {
close_button = "";
}
output = output + "<div class='alert alert-" + v['type'] + "'>" +
close_button + "<h4 class='alert_heading'><i class='fa fa-" + v['icon'] + "'> </i>
" + v['heading'] + "</h4>" +
"<p class='alert_body'>" + v['notification_text'] + "</p></div>";
$('#lastNotification').text(v['id']);
}
});
$('#show_notification').html(output);
}
});
});
setInterval(function () {
$('#gnrt_notfctn').click();
}, 3000);
});
以这样一种方式设计API,使其能够接受用户ID和上次收到的通知。
因此在查询中,请使用user_id和日期时间过滤通知表
例如:(考虑表中有数据时间字段)
SELECT * FROM tbl_notification INNER JOIN tbl_user_notification ON tbl_user_notification.notification_id = tbl_notification.id WHERE tbl_user_notification.user_id = '1' and tbl_notification.datetime>lastreceiveddatatime
希望这是有用的
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.