python / flask / Jinja2和Json [英] python/flask/Jinja2 and Json

问题描述

示例（Python / Flask）：

<$ p
def column（）：
data = [{data：[49.9，54.4]，name ：东京}，{data：[42，30.4]，name：AC}]
return render_template（'column.html'，data = data）

$ b

我的模板

$（document）.ready（function（）{
chart1 = new Highcharts.Chart（{
图：{
renderTo：'container'，
type：'bar'
}，
title： {
text：'Fruit Consumption'
}，
xAxis：{
categories：['Apples'，'Bananas'，'Oranges']
}，
yAxis：{
title：{
text：'Fruit eaten'
}
}，
series：{{data}}
} ）;
}）;

i view highcharts（co lumn.html）

 系列：[{&'39; data'：[4，5，9]，& \\&＃39;&＃39;&＃39;&＃39;;&＃39;;&＃39;;&＃39;数据&＃39;：[8，3，4] \\&＃39;&＃39;约翰&＃39;}]}）;  

 系列：[{
 name：' Jane'，
 data：[1,0,4]}，{
 name：'John'，
 data：[5，7，3] 
}] 
  

解决方案

标记您的数据为 safe 标记 ：

将字符串标记为可安全地包含在HTML / XML输出中，而不需要转义。
blockquote>

或将 {{data}} 更改为 {{data | tojson | safe}} 。

"I am using Flask,Jinja2,higHighcharts"

Example (Python/Flask):

@app.route("/column/")
def column():
    data=[{"data": [49.9, 54.4], "name": "Tokyo"}, {"data": [42, 30.4], "name": "AC"}]
    return render_template('column.html', data=data)

my templates

$(document).ready(function() {
      chart1 = new Highcharts.Chart({
         chart: {
            renderTo: 'container',
            type: 'bar'
         },
         title: {
            text: 'Fruit Consumption'
         },
         xAxis: {
            categories: ['Apples', 'Bananas', 'Oranges']
         },
         yAxis: {
            title: {
               text: 'Fruit eaten'
            }
         },
         series:{{ data }}
      });
   });

i view highcharts (column.html)

series:[{&\#39;data': [4, 5, 9], &\#39;name&\#39;: &\#39;Jane&\#39;},{&\#39;data&\#39;: [8, 3, 4], &\#39;name&\#39;: &\#39;John&\#39;}]});

i want to correct Jinja2 wording,Ultimately the desired results.

series: [{
            name: 'Jane',
            data: [1, 0, 4]}, {
            name: 'John',
            data: [5, 7, 3]
         }]

解决方案

Mark your data as safe with Markup:

Marks a string as being safe for inclusion in HTML/XML output without needing to be escaped.

Or change {{ data }} to {{ data|tojson|safe }}.

这篇关于python / flask / Jinja2和Json的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！