Как скрыть ценность до добавления

Question

Я использую Ajax для создания уведомлений в моей системе, но проблема в том, что каждый раз, когда Ajax возвращает значение, значение продолжает добавляться в панель уведомлений. Как я могу удалить ранее добавленное значение перед добавлением нового значения

function loadLog(){
  $.ajax({
        type:"GET",
            url: "notify.php",
            cache: false,
        data :{ },
            success: function(data){
          //alert(data);
          //console.log('my message' + data);
          $('.ajax-load').hide();
          $("#notifications").append(data);
                 //console.log(html);
            },
        });
};

Answer 1

Используйте html() вместо append()

$("#notifications").html(data);

Примечание: - перед добавлением data также необходимо сохранить по умолчанию значение #notifications

Рабочий код: -

$(document).ready(function(){
var default_val = $("#notifications").html();
function loadLog(){
$.ajax({
type:"GET",
url: "notify.php",
cache: false,
data :{ },
success: function(data){
//alert(data);
//console.log('my message' + data);
$('.ajax-load').hide();
$("#notifications").html(default_val + data);
//console.log(html);
},});
};}

Answer 2

используйте $("#notifications").empty() для очистки элемента перед добавлением в него новых элементов.