flask环境下的echarts前后端交互的多种方法

正常情况下 是在html页面写交互的。 我找的一个可视化模板把交互echart的 setoption 写在js里面了。 可能需要 移到前端。

我的思路哈,先在前端定义再使用,更有利于前端开发者的可读性。 开发的时候把定义的语句返回给前端就可以了。

所以我需要在前端再写一个新的option来修改。 并删除js里面的数据。

xAxis:{
                type:category,
                data:[{%for g in game%}{
         
  { g }},{% endfor %}]
            },

第一种方法 flask直接遍历:

用的是双括号

和, 那么这两个例子可以大概知道前后端怎么交互,

第二种方法 Ajax:

但是我的模板 只有和这个很类似,,

准备试一下,并和前面对比。 貌似这两种方法都可以,但是 第一种方法原理不是很清楚(应该是python Dj的框架),

第三种方法 JSON:

需要注意 用的是

但其实是第一种的多此一举的版本。 直接把flask的传过来的值用在需要用的用的地方就行了。

好处是什么,如果用flask风格开发更方便,但是兼容性会更差,

经验分享 程序员 微信小程序 职场和发展