Django是一个流行的Web框架，它结合了Python语言的强大功能和易用性。当你需要从服务器获取数据并在前端显示时，可以按照以下步骤操作： 1. **视图函数处理**：首先，在Django的视图函数中，你可以使用`django.db.models`模块对数据库进行查询。假设你有五个模型（model_1, model_2, ..., model_5），可以这样获取数据： ```python from django.shortcuts import render from .models import Model1, Model2, Model3, Model4, Model5 def get_data(request): query_results = [Model1.objects.all(), Model2.objects.all(), Model3.objects.all(), Model4.objects.all(), Model5.objects.all()] data = [result for sublist in query_results for result in sublist] return HttpResponse(data) ``` 2. **响应数据格式**：确保你在`HttpResponse`中返回的是序列化的数据，例如JSON，以便前端JavaScript能够解析。可以使用`jsonify`库或者其他自定义方法将查询结果转换成JSON。 ```python import json data = [{'id': obj.id, 'field1': obj.field1, ...} for obj in data] response = JsonResponse(data, safe=False) ``` 3. **Ajax请求**：然后在前端，你可以使用jQuery的`.ajax()`方法发起异步GET请求，接收并处理服务器返回的数据。创建一个HTML表单或使用直接的JS代码，如下所示： ```javascript $.ajax({ url: '/get_data', // 替换为你实际的URL type: 'GET', dataType: 'json', success: function(response) { var tables = []; response.forEach(function(item, index) { var table = '<table>'; table += '<tr><th>Field</th></tr>'; for (var field in item) { table += `<tr><td>${item[field]}</td></tr>`; } table += '</table>'; tables.push(table); }); // 将表格添加到页面对应的位置 $('div#table-container').html(tables.join('<!-- 表格之间插入此标签 -->')); }, error: function(xhr, status, error) { console.error(error); } }); ```