집 > 기사 > 백엔드 개발 > 템플릿에서 Flask의 데이터를 JavaScript로 어떻게 전달할 수 있나요?

템플릿에서 Flask의 데이터를 JavaScript로 어떻게 전달할 수 있나요?

How Can I Pass Data from Flask to JavaScript in Templates?

Flask에서 템플릿의 JavaScript로 데이터 전달

Flask에서는 템플릿 내의 Python 코드에서 JavaScript 코드로 데이터를 전달할 수 있습니다. 이는 지도나 차트와 같은 대화형 요소를 채우는 데 유용합니다.

기본 방법은 Python 코드의 모든 값을 포함할 수 있는 템플릿에서 {{ 변수 }}를 사용하는 것입니다. 예:

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode)

# HTML template
<head>
  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>
</head>

Jinja2는 tojson 필터도 제공합니다. 이는 Python 개체를 JavaScript에 직접 전달할 수 있는 JSON 문자열로 변환하는 데 사용할 수 있습니다.

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode|tojson)

# HTML template
<head>
  <script>
    var myGeocodeObj = {{ geocode|tojson }};
  </script>
</head>

Jinja2는 JavaScript 구성을 위한 다양한 기타 기능을 지원합니다. 루프 및 조건문을 포함한 코드. 자세한 내용은 Jinja2 문서를 참고하세요.

위 내용은 템플릿에서 Flask의 데이터를 JavaScript로 어떻게 전달할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：