当我单击页面中的通知图标时,我遇到了通知问题,我得到了号码,而不是用“哔”声更改班级,此哔声确定是否有新通知
这是我的HTML通知代码
<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown" class="nav-link notification-toggle nav-link-lg beep"> // here is the "beep" <i class="far fa-bell"></i></a>
<div class="dropdown-menu dropdown-list dropdown-menu-right">
<div class="dropdown-header">Notifications
<div class="float-right">
<a href="#">Mark All As Read</a>
</div>
</div>
<div class="dropdown-list-content dropdown-list-icons">
<!--- NOTIF HERE --->
<!--- NOTIF HERE --->
</div>
</div>
</li>
这是我的fetch.php ,其中还包括哔哔声
$result_query = mysqli_query($db, $status_query);
$beep = mysqli_num_rows($result_query);
$data = array(
'notification' => $output,
'unseen_notification' => $beep
这是我的JavaScript
$(document).ready(function(){
function load_unseen_notification(view = '')
{
$.ajax({
url:"fetch.php",
method:"POST",
data:{view:view},
dataType:"json",
success:function(data)
{
$('.dropdown-list-icons').html(data.notification);
if(data.unseen_notification)
{
$('.beep').html(data.unseen_notification);
}
}
});
}
load_unseen_notification();
$('#comment_form').on('submit', function(event){
event.preventDefault();
if($('#subject').val() != '' && $('#comment').val() != '')
{
var form_data = $(this).serialize();
$.ajax({
url:"insert.php",
method:"POST",
data:form_data,
success:function(data)
{
$('#comment_form')[0].reset();
load_unseen_notification();
}
});
}
else
{
alert("Both Fields are Required");
}
});
$(document).on('click', '.dropdown-list-icons', function(){
$('.beep').html('');
load_unseen_notification('yes');
});
setInterval(function(){
load_unseen_notification();;
}, 5000);
});
当一个用户打开他/这里的通知时,我也会遇到问题,它也会影响另一用户的通知,它会删除对其他用户的“哔哔声”。我的数据库中有comment_status
,其中包括我们已经阅读或打开的通知。