Вызов Django AJAX для обновления данных таблицы вместо использования "append"
Я хочу обновлять данные в моей таблице каждые 10 секунд, не перезагружая всю страницу снова и снова
Поэтому я написал некоторый код в AJAX для добавления новых данных
Но я хочу обновить данные в существующей таблице и не уверен, как это сделать
Мой текущий HTML код просто добавляет всю таблицу снова и снова, но я просто хочу обновить данные в одной таблице
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>temp1</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h1>Hello there</h1>
<h1>{{info_data}}</h1>
<table id="_appendHere" class="table table-striped table-condensed">
<tr>
<th>Username</th>
<th>Email</th>
<th>Gender</th>
</tr>
{% for item in info_data %}
<tr><td>{{item.username}} - {{item.email}} - {{item.gender}}</td></tr>
{% endfor %}
</table>
</body>
<script>
var append_increment = 0;
setInterval(function() {
$.ajax({
type: "GET",
url: {% url 'App1:tempPage' %}, // URL to your view that serves new info
data: {'append_increment': append_increment}
})
.done(function(response) {
$('#_appendHere').append(response);
append_increment += 10;
});
}, 10000)
</script>
</html>
Любая помощь будет высоко оценена!!! Спасибо!!!