在使用 Django 框架開發(fā) Web 應用時，我們需要將后端的數(shù)據(jù)傳遞給前端顯示。一種常見的做法是使用 JSON 序列化后的數(shù)據(jù)以 API 接口的形式提供給前端，讓前端通過 AJAX 請求來獲取數(shù)據(jù)和渲染頁面。 一、在視圖函數(shù)中將數(shù)據(jù)序列化成 JSON 格式 我們可以使用 Django 自帶的 `JsonResponse` 類，將需要傳輸?shù)臄?shù)據(jù)轉(zhuǎn)化為 JSON 字符串，然后通過 HTTP 響應的方式將數(shù)據(jù)傳遞給前端。 示例代碼如下：

from django.http import JsonResponse
import json
def get_data(request):
# 獲取需要傳遞給前端的數(shù)據(jù)
data = {'name': 'Tom', 'age': 18, 'gender': 'male'}
# 將數(shù)據(jù)序列化成 JSON 格式
json_data = json.dumps(data)
# 返回 HTTP 響應
return JsonResponse(json_data, safe=False)

在以上示例代碼中，`json.dumps` 函數(shù)將 Python 對象序列化成 JSON 格式的字符串，然后傳遞給 `JsonResponse` 類的構(gòu)造方法。其中，`safe=False` 參數(shù)表示可以序列化任何 Python 對象，而不僅限于字典或列表等常見數(shù)據(jù)類型。 二、在前端使用 AJAX 請求獲取數(shù)據(jù)并渲染頁面 在前端頁面中，我們可以使用 jQuery 提供的 AJAX 方法來請求后端的接口，獲取數(shù)據(jù)并渲染頁面。 示例代碼如下：

$(document).ready(function () {
$.ajax({
url: '/get_data/',
type: 'get',
dataType: 'json',
success: function (data) {
// 將獲取到的數(shù)據(jù)渲染到頁面中
$('#name').html(data.name);
$('#age').html(data.age);
$('#gender').html(data.gender);
}
});
});

在以上示例代碼中，`$.ajax` 方法通過設置 `url`、`type`、`dataType` 和 `success` 等參數(shù)，發(fā)送 GET 請求到后端的接口 `/get_data/`，并通過回調(diào)函數(shù)返回獲取到的數(shù)據(jù)。在成功獲取數(shù)據(jù)后，我們可以通過 jQuery 操作 DOM，將數(shù)據(jù)渲染到頁面中。 通過以上兩個步驟，我們就可以在 Django 中傳遞 JSON 接口給前端，并通過 AJAX 請求獲取數(shù)據(jù)和渲染頁面。