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

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

Flask 애플리케이션에서 일반적인 요구 사항은 Python에서 JavaScript로 데이터를 템플릿 내에서 전달하는 것입니다. 주형. 이 데이터는 데이터베이스 쿼리, API 응답 또는 기타 소스에서 유래할 수 있습니다.

이를 달성하는 한 가지 방법은 Flask에서 사용하는 템플릿 엔진인 Jinja2를 이용하는 것입니다. Jinja2는 HTML 템플릿 내에 Python 표현식을 포함하는 방법을 제공합니다. 표현식을 이중 중괄호({{ ) 및 ( }})로 묶으면 변수에 액세스하고, 작업을 수행하고, 제어 구조를 실행할 수도 있습니다.

Python 변수를 JavaScript에 전달하려면 간단히 포함하면 됩니다. 템플릿의 스크립트 태그 안에 넣으세요. 예를 들어 geocode 변수에 저장된 지리적 좌표를 나타내는 튜플 목록이 있다고 가정합니다. 다음과 같이 JavaScript에 전달할 수 있습니다.

<code class="html"><script>
  var myGeocode = [{{ ', '.join(geocode) }}];
</script></code>

Jinja2는 Python과 JavaScript 간의 통합을 향상시키는 추가 기능을 제공합니다. 유용한 필터 중 하나는 Python 객체를 JSON 형식으로 변환하는 tojson()입니다. 이 필터는 복잡한 데이터 구조를 JavaScript로 전달하는 데 특히 유용할 수 있습니다.

다음은 tojson()을 사용하는 예입니다.

<script>
  var myGeocode = {{ geocode | tojson }};
</script>

데이터가 JavaScript로 전달되면 액세스하고 조작할 수 있습니다. JavaScript의 기본 데이터 유형과 메소드를 사용합니다.

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