ajax清除上次拼的数据,如何在每次ajax调用之前清除表的数据

每次ajax调用后都不会清除表数据。新数据附加在以前的数据下方

$('#show_data').remove(); 我试过这个，但它不工作

看法

TitleDescriptionDateTimeAction

脚本

$(document).ready(function () {

//Date picker

$('#datepicker').datepicker({

autoclose: true,

format: 'yyyy-mm-dd',

});

$("#datepicker").attr("autocomplete", "off");

$(document).on('submit','#myform',function(){

event.preventDefault();

var date = $('#datepicker').val();

console.log(date);

$('#show_data').remove();

$.ajax({

type:"POST",

url:"<?php echo base_url().'admin/Dashboard/get_blog'; ?>",

data:{date:date},

dataType: "json",

success:function(data) {

console.log(data[0].blog_id);

let i;

for(i=0;i

$('#show_data').append('

' + data[i].article_name + '' +

'

' + data[i].description + '' +

'

' + data[i].date + '' +

'

' + data[i].time + '' +

'

');

}

},

error: function() {

alert("oops...");

},

});

});

});

当前输出

输入-> 2019-05-25 -> 提交

输出-> 数据 1 数据 2

输入-> 2019-05-24 -> 提交

输出-> 数据 1 数据 2 数据 3

预期产出

输入-> 2019-05-25 -> 提交

输出-> 数据 1 数据 2

输入-> 2019-05-24 -> 提交

输出-> 数据 3