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

在添加新元素之前，先使用$("#notifications").empty()清空元素。

Answer 2

使用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);
},});
};}

如何在追加之前隐藏珍贵的价值

2 个答案: