JavaScript 可以利用 Django 渲染的数据，这通常通过几种不同的方式进行。 ### 1. 直接嵌入模板 Django 的视图函数将上下文变量传递给模板后，在 HTML 模板内可以直接插入这些变量值。如果你希望 JavaScript 使用这部分数据，可以在页面加载时直接把这些数据作为初始状态传给 JS 脚本： ```html <script type="text/javascript"> var myData = {{ data_from_django|safe }}; </script> ``` 请注意 `{{ data_from_django }}` 应该是由 Django 视图提供的有效 JSON 数据，并且需要使用 `|safe` 标签防止转义字符干扰 JavaScript 解析。 ### 2. AJAX 请求获取 API 接口返回的数据 如果前端是单页应用 (SPA)，或者只是想让某些交互更动态而不刷新整个网页，你可以创建 RESTful APIs 来提供所需信息，然后由客户端发送 XMLHttpRequest 或 fetch() 函数请求这些端点来获得 JSON 形式的响应内容。 首先你需要配置 Django URLs 和 views 提供对应的 API endpoint: ```python # urls.py from django.urls import path from .views import get_data_api_view urlpatterns = [ # 其它路径... path('api/data/', get_data_api_view), ] # views.py from rest_framework.views import APIView from rest_framework.response import Response class GetDataApiView(APIView): def get(self, request): # 获取并处理你要返回的信息 return Response({'key': 'value'}) ``` 接着就可以在前端用如下的方式发起异步请求了： ```javascript fetch('/api/data/') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error('Error:', error)); ``` 这样做不仅能够保持前后端分离架构的好处（例如更好的测试性和维护性），还能使得应用程序更加模块化、高效地运行。 ### 3. WebSocket 实现实时更新 对于一些场景下比如聊天室之类的应用程序，则可以选择 WebSockets 这种全双工通信协议来进行实时消息推送。不过这就超出了简单“渲染”概念范围之外了。 综上所述，无论是静态生成还是动态拉取的方式都可以实现 JavaScript 对 Django 后端所准备好的数据访问；选择哪种取决于项目的具体需求和技术栈设计考量。