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

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

애플리케이션은 API를 사용하여 사전에 저장된 데이터를 검색합니다. 귀하의 목표는 이 사전의 특정 정보, 즉 경도 및 위도 좌표를 뷰 내의 JavaScript로 전달하는 것입니다. 이를 달성하는 방법을 이해하려면 변수를 템플릿에 전달하는 Flask의 프로세스를 이해하는 것이 중요합니다.

Flask는 render_template 함수를 활용하여 브라우저에서 렌더링되는 템플릿에 변수를 보냅니다. Jinja2 템플릿 엔진을 사용하면 HTML 마크업 내에서 이러한 변수에 액세스하고 표시할 수 있습니다.

변수를 JavaScript에서 사용할 수 있도록 하려면 Python 표현식을 템플릿에 직접 포함시키는 Jinja2의 기능을 활용할 수 있습니다. 변수 이름을 이중 중괄호({{ 변수 이름 }})로 묶으면 됩니다. 예를 들어 다음 코드 조각을 사용하여 JavaScript에 지오코드를 전달할 수 있습니다.

<code class="html"><script>
  var myGeocode = '{{ geocode[1] }}';
</script></code>

이 코드 조각은 geocode[1] 값을 JavaScript 변수 myGeocode에 할당합니다. HTML 문서 내의 위치에 관계없이 이 구문을 사용하여 템플릿에 전달된 모든 변수에 액세스할 수 있습니다.

목록과 같은 더 복잡한 데이터 구조의 경우에는 Join() 함수를 사용하여 쉼표를 구성할 수 있습니다. -문자열을 구분하여 JavaScript에 배열로 전달합니다. 예는 다음과 같습니다.

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

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