Javascript变量"；“未清除”；关于Ajax页面更改

我正在运行一个使用php/js的CRUD应用程序，它依赖于ajax页面更改。在“添加视图”中，有一个简单的表和一个按钮，每次单击它时都会插入一个新行

在第一次加载时，当我单击按钮时，它会添加一行，我保存并加载列表视图（感谢ajax调用）。然后，当我第二次访问“添加视图”并单击应该添加一行的按钮时，它会在每次页面加载后添加两行，以此类推

这里，我的js代码应该向我的表中添加一行：

$('body').on('click', '#delivery_grid_add_row', function(){
   var markup = '';
   markup+= '<tr>';
   markup+= '<td>';
   markup += 'hello world';
   markup+= '</td>';
   markup+= '</tr>';
   $('tbody').append(markup);
});

$（'body'）。在（'click'，'delivery\u grid\u add\u row'，函数（）上{
var标记=“”；
标记+=''；
标记+=''；
标记+=‘你好，世界’；
标记+=''；
标记+=''；
$（'tbody'）。追加（标记）；
});

---

我知道我的解释不是很清楚，因为英语不是我的母语，但是如果您想了解更多信息，请随时告诉我。

不要使用.html。这可能会解决您的问题。Append总是在上一个元素之后添加元素，这样它就可以保存上一个html。不要使用append，而是使用html替换以前的html

$('body').on('click', '#delivery_grid_add_row', function(){
   var markup =  $('tbody').html();
   markup+= '<tr>';
   markup+= '<td>';
   markup += 'hello world';``
   markup+= '</td>';
   markup+= '</tr>';
   $('tbody').html(markup);
});

$（'body'）。在（'click'，'delivery\u grid\u add\u row'，函数（）上{
var markup=$（'tbody'）.html（）；
标记+=''；
标记+=''；
标记+=‘你好，世界’``
标记+=''；
标记+=''；
$（'tbody'）.html（标记）；
});

请分享您的HTML代码。请包含一个可运行的代码段。我认为情况并非如此。。。使用此代码，您将始终添加相同的行是的，我想添加另一行，而不是替换它。我应该在每次之后“清除”append方法吗？谢谢。我已经编辑了我的代码，希望每次单击时都能添加一行。很好，我将使用您的解决方案。有时append会给您带来一些麻烦。尽量避免。我所做的事情显然也会做同样的事情。