Django传参给js文件

最新推荐文章于 2023-03-13 16:54:03 发布

正则化

最新推荐文章于 2023-03-13 16:54:03 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_41519463/article/details/97613882

本文详细介绍了如何在前端页面间通过GET方式传递参数至后台，并在后台处理后将参数再次传递给另一个HTML页面内的iframe。重点讲解了使用Django框架进行参数处理的方法，以及如何在JavaScript文件中正确接收和使用这些参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

首先是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);