是否可以将Javascript变量用作Flask模板中Python列表的索引？

Question

最后一行是pic_listpython列表。是否可以在Flask Jinja2模板中使用javascript变量为Python列表编制索引？function moveright(cur_pos, list_length) {  if (current_position !== -9999) {    current_position = cur_pos;  }  if (current_position < list_length - 1) {    current_position = current_position + 1;  } else {    current_position = 0;  }  document.getElementById('image').src = {    {      pic_list[current_position]    }  };}

Answer 1

我不确定我是否理解这个问题。为什么不通过将集合转换为JSON字符串来尝试将Python列表传递给JavaScript？

1.使用json.dumps()方法将列表转换为JSON字符串。

@app.route('/test')

def custom_view():

    pic_list = ['banana', 'orange', 'apple']

    return render_template('index.html', data=json.dumps(pic_list))

2.将JSON字符串传递给模板

<script>

    console.log({{ data|safe }});

</script>

你应该避免，如果集合包含该程序的用户提供的数据。