Ajax响应后刷新表(Django)

<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

<button id="refreshButton">刷新表格</button>

<script>
  // 使用jQuery库发送Ajax请求
  $('#refreshButton').click(function() {
    $.ajax({
      url: '/ajax/refresh_table/',  // 后端处理Ajax请求的URL
      type: 'GET',
      success: function(data) {
        // 更新表格内容
        var tableBody = $('#myTable tbody');
        tableBody.empty();  // 清空表格内容
        for (var i = 0; i < data.length; i++) {
          var row = $('<tr></tr>');
          row.append('<td>' + data[i].column1 + '</td>');
          row.append('<td>' + data[i].column2 + '</td>');
          tableBody.append(row);
        }
      }
    });
  });
</script>

from django.http import JsonResponse
from myapp.models import MyModel

def refresh_table(request):
    # 查询数据库中的数据
    data = MyModel.objects.all().values('column1', 'column2')

    # 将查询结果序列化为JSON格式
    serialized_data = list(data)

    # 返回JSON响应
    return JsonResponse(serialized_data, safe=False)