Как отправить уведомление пользователю с помощью AJAX?

Question

Мой отправитель уведомлений работает отлично. Я могу видеть уведомление, когда обновляю страницу, без AJAX.

Я хочу реализовать AJAX для автоматического обновления содержимого при поступлении нового уведомления для пользователя.

---

Пример того, чего я пытаюсь достичь:

user A отправил запрос о дружбе на user B, поэтому user B получает уведомление, но уведомление отображается только после обновления страницы. Я хочу обновить уведомление автоматически, когда база данных обновляется / вставляется новое значение.

---

$(document).ready(function(){
$.ajax({
    type: 'POST',
    url:  '../main/count-fnd.php',
    success: function(data){
        $('#output').html(data);
    }
 });
});

Проблемы, с которыми я столкнулся при перезагрузке AJAX:

• Обновление Ajax не прекращается

• Если поместить кнопку рядом с тегом <div id='output'></div> (не внутри тега div), кнопка не прекратит обновление с помощью div сам элемент.

Код для получения уведомления:

$query = "SELECT * FROM notrequests WHERE userTo = '$userName'  AND counter != '0'";

$result = $conn->query($query);

if ($result->num_rows > 0) {
 while($row = $result->fetch_assoc()) {
   $totalRequestNot = $row["counter"];
 }
}