如何更新 Django 中的模板变量

Question

我想从 django 模板更新“log_data_full”的值，我已经从 AJAX 中提取了 json 中的更新值，我不想刷新页面。 我只想用更新的值更新表格视图。 那可能吗？

<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">                 
                <thead>
                  <tr>
                    <th>=Id</th>
                    <th>Category</th>
                    <th>Fee</th>
                    <th>Search</th>                     
                  </tr>
                </thead>                  
                <tbody>
                  {% for log in log_data_full %}
                  <tr>
                    <td>{{ log.Id }}</td>
                    <td>13</td>
                    <td>100</td>
                    <td>{{ log.search }}</td>                     
                  </tr>
                  {% endfor %}                               
                </tbody>
              </table>

AJAX 查询

$.ajax({                
                      url: "/filter",
                      type: "POST",                
                      data: {
                          from_date:from_date,
                          to_date:to_date,
                          csrfmiddlewaretoken: '{{ csrf_token }}',                                                  
                          },
                      success : function(json) {   
                              debugger                           
                              if(json != 'error'){
                                var res = JSON.parse(json);                               

                              }
                              else{
                                alert('Server Error! Could not get data');
                              }                                          
                      },
                      error : function(xhr,errmsg,err) {
                          alert("Could not send URL to Django. Error: " + xhr.status + ": " + xhr.responseText);
                      }
                  });

如何通过模板变量“log_data_full”更新值？

Answer 1

假设您想在从服务器接收到的表中显示更新的数据。

祝您success function

success : function(json) {
     if(json != 'error'){
        $("#dataTable").empty();    //remove existing data
        var res = JSON.parse(json);
        rowHtml = '';
        $.each(res, function (i, item) {
        rowHtml = '<tr><td>' + res.id + '</td><td>' + res.category + '</td><td>' + res.fee + '</td><td>'+ res.search +'</td></tr>';
            });
        $('#dataTable').append(rowHtml);
        }