I want to implement AJAX to refresh the content automatically when there is new notification is incoming for the user.
Example for what I am trying to achieve:
user A sent a friend request to user B, so user B gets a notification, but the notification is only showing after the page is refreshed. I want to refresh the notification automatically, whenever the database is updated/inserted a new value.
AJAX:
$('#ajax').click(function(){
$(document).ready(function(){
$.ajax({
type: 'POST',
url: '../main/count-fnd.php',
success: function(data){
$('#output').html(data);
}
});
});
});
我想实现AJAX，以便在为用户传入新通知时自动刷新内容。
我想要实现的示例：
AJAX：
用户A 向< 代码>用户B ，因此用户B 会收到通知，但通知仅在刷新页面后显示。 每当数据库更新/插入新值时，我想自动刷新通知。
<代码> $（ '＃AJAX'）点击（函数（）{
$的（文件）。就绪（ function（）{
$ .ajax（{
type：'POST'，
url：'.. / main / count -fnd.php'，成功：函数（数据）{
$（' #output'）。html（data）;
}
}）;
}）;
}）;
To do it with AJAX (without using other technologies), the most used, rather the typical in these cases, is to use some kind of timer to refresh and check if there is any new notification every "x" seconds that you stipulate.
微信扫一扫setInterval(() => {
$.ajax({
type: 'POST',
url: '../main/count-fnd.php',
success: function(data){
$('#output').html(data);
}
});
}, 5000); // refresh 5s