Обновить таблицу новыми данными с помощью шаблона handlebajs
Я хочу обновить создание таблиц с помощью шаблона Handlebarjs. При заполнении данных в базе данных с помощью Ajax, я хочу обновить таблицу. Я не хочу отправлять страницу.
Я использую nodejs, express и express-handlebars в моем проекте.
Вот мой маршрут на сервере nodejs
app.get('/test',function(req,res){
var result_ = [] ;
connection.query('SELECT * from administration_users_niveaux_acces', function(err, result, fields) {
//connection.end();
if (err) throw err;
var graph_data = [];
var graph_label = [];
//console.log('result' +result[0].id);
for (i = 0; i < result.length; i++) {
console.log('result' +result[i].id);
graph_data.push(result[i].id);
graph_label.push('"'+result[i].nom +'"');
}
console.log('length' +graph_label);
res.render('test', {title : 'Cool Test , huh!', condition: false, class1: 'active', datausers: result, graph_data: graph_data , graph_label: graph_label })
});
})
Вот мой шаблон таблицы
<table class="table">
<thead>
<tr>
<th>Id</th>
<th>Alias</th>
<th>nom</th>
<th>Email</th>
<th>Date</th>
</tr>
</thead>
<tbody>
{{#each datausers}}
<tr>
<td><a data-id={{this.id}} data-toggle="modal" data-target="#exampleModal" class="glyphicon glyphicon-edit btn btn-success edit" role="button">Edit</a>
<td>{{this.alias}}
<td>{{this.nom}}
<td>{{this.email}}
<td>{{this.reg_date}}
</tr>
{{/each}}
</tbody>
</table>
Здесь я обновляю данные, используя Ajax
$('#btnUpdate').click(function(evt){
evt.preventDefault();
$.ajax({
url: '/usersacces/edit/'+$("#recipient-name").val(),
type:'POST',
data: JSON.stringify({ nom: $("#message-text").val(),nombre: $("#recipient-name").val(),id: $("#recipient-name").val() }),
contentType: "application/json; charset=utf-8",
dataType: "json",
success:function(response){
console.log(response);
$('#exampleModal').modal('hide');
},
error:function(error){
console.log(error);
}
})
})
Я хочу обновить только таблицу после обновления данных.
Спасибо за помощь