Django传参给js文件

我写网站是遇到的问题是这样的:

首先是html前端点击超链接,通过GET方式传参到后台:

<a href="/NetDataPage?disease=Dengue">网络数据</a>

在后台的urls.py中:

path('NetDataPage/', learn_views.NetDataPage, name='NetDataPage'),

在views.py中,经NetDataPage再将参数传给main.html中的iframe  show.html中:

def NetDataPage(request):
    disease = request.GET.get('disease')
    print('disease0=', disease)
    return render(request, 'main.html', {"iframe_url": "/showdata?disease="+disease})

def showdata(request):
    disease = request.GET.get('disease')
    print('disease1=', disease)
    return render(request, 'showdata.html',{'disease': json.dumps(disease)} )

disease0,disease1都能正确输出。

在showdata函数中,要把disease='Dengue' 这个参数传递到js文件中,先是用字典和json.dumps的方式打包

在showdata.html中这样接收:

 <script>
        var disease = {{ disease|safe }};
  </script>
  <script type="text/javascript" src="../../static/js/echart_bar_op.js"></script>

disease没有办法在echart_bar_op.js这个文件内接收,所以只能在html文件里多写一个script 来接收,接收到的这个变量可以是在echart_bar_op.js里面使用的:

alert(disease);

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Django 中,传统视图(Traditional Views)通常使用同步的方式处理请求,而异步视图(Asynchronous Views),如基于 Django Channels 的异步处理,允许你在 WebSockets 或其他异步协议上提供实时通信能力。将传统视图的数据传递给异步视图可能涉及到一些额外步骤,因为它们的工作机制不同。 要将数据从传统视图传给异步视图,你可以这样做: 1. **在传统视图中获取和准备数据**: 在处理完请求并获得所需数据后,你可以将其打包成 JSON 格式,因为异步视图通常期望接收 JSON 数据。例如: ```python from django.http import JsonResponse data = { 'key': value, ... } # 假设value是你的数据 response = JsonResponse(data) ``` 2. **将响应发送到前端**: 通过设置一个 HTTP 指向异步视图的路由,并在前端(如 JavaScript)中监听这个路由,当用户发起请求时,前端可以获取并解析这个 JSON 响应。 3. **在前端触发异步请求**: 使用 AJAX 或前端库(如 axios 或 Fetch API)发送一个异步的 POST 或 GET 请求到指定的 URL,携带之前准备好的数据。 4. **在异步视图中接收数据**: 在异步视图中,你需要解析请求体中的 JSON 数据,比如使用 `django_channels.routing` 或第三方库(如 `asgiref`): ```python from channels.generic.websocket import AsyncWebsocketConsumer class MyAsyncConsumer(AsyncWebsocketConsumer): async def connect(self): # 接收前端传递过来的数据 data = await self.receive_json() # 对接收到的数据进行处理 ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值