Обновить таблицу новыми данными с помощью шаблона 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);
      }
    })
  })

Я хочу обновить только таблицу после обновления данных.

Спасибо за помощь

0 ответов

Другие вопросы по тегам