jinja를 사용하여 데이터를 자바 스크립트로 전송

Question

저는 Python 코드를 사용하여 jinja를 사용하여 Flask의 템플릿에 데이터를 보냅니다. HTML로 찾은 코드에 액세스 할 수 있지만 Javascript로 데이터를 표시하려고하면 작동하지 않습니다.

name = "Steve" 
return render_template('simple.html',data=json.dumps(name)) 

그리고 내 simple.html 코드에서 HTML 본문 : 예를 들어 가 여기 내 파이썬 코드의 예기치 않은 토큰 '&'

<script> 
var name = {{ data }}; 
alert(name); 
</script> 

내 콘솔의 오류가 구문 에러 "라는 "

나는이 문제를 전에 보았다. 나는 그것을 어떻게 해결할 지 잊고있다.

Answer 1

신경 쓰지 마세요. 나는 코드를 벗어나는 데 안전 할 필요가 있었다. 예 :

<script> 
var name = {{ data|safe }}; 
alert(name); 
</script> 

Answer 2

플라스크는 내장 필터 tojson을 얻었다. 그러므로 우리는 할 수 있습니다

플라스크 :

data = { 
    "firstname": "Steve", 
    "lastname": "Jobs" 
} 
return render_template('simple.html', data=data) 

jinja2 :

<script type="text/javascript"> 
var data = {{ data | tojson }}; 
console.log(data); 
</script>