Ajax 页面上的 Javascript 变量"not cleared"更改

Question

我正在运行一个CRUD应用程序，该应用程序使用php/js，它依赖于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);
});

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

Answer 1

使用.html而不是.append这可能会解决您的问题。Append总是在上一个元素之后添加元素，这样它就可以容纳上一个html。不使用附加使用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);
});