Jinja 템플릿에서 JSON을 구문 분석할 때 'SyntaxError: 예기치 않은 토큰 '&''를 해결하는 방법은 무엇입니까?

Jinja 템플릿에서 JSON 데이터를 렌더링할 때 JavaScript 구문 오류 해결

Jinja 템플릿에서 렌더링된 JavaScript 코드를 통해 JSON 데이터를 반복하려고 하면 "SyntaxError"가 발생할 수 있습니다. : JSON.parse()를 호출할 때 예기치 않은 토큰 '&'" 오류가 발생했습니다. 이 오류는 HTML 템플릿에서 렌더링할 때 Flask의 Jinja 환경에 의한 데이터 자동 이스케이프 때문에 발생합니다.

해결 방법: tojson 필터 사용

이 이스케이프 프로세스를 방지하고 JavaScript에서 데이터를 JSON으로 처리하려면 , Flask는 tojson 필터를 제공합니다. Python 개체를 JSON으로 변환하고 템플릿에서 렌더링하기에 안전한 것으로 표시합니다.

return render_template("tree.html", tree=tree)

<script>
  var tree = {{ tree|tojson }};
</script>

JSON이 아닌 데이터 처리

JSON 데이터를 다루지 않거나 이미 문자열로 변환한 경우 안전 필터를 사용하거나 마크업에서 문자열을 래핑하여 방지할 수 있습니다. escaping:

return render_template("tree.html", tree=json.dumps(tree))

<script>
  var tree = {{ tree|safe }};
  // or
  var tree = {{ Markup(json.dumps(tree)) }};
</script>

원시 데이터 전달

JavaScript로 데이터를 전달하는 대신 Jinja 템플릿 자체 내의 데이터를 사용하려는 경우 tojson 필터를 생략하고 사용할 수 있습니다. 원시 Python 데이터를 직접 가져옵니다.

return render_template("tree.html", tree=tree)

{% for item in tree %}
  <li>{{ item }}</li>
{% endfor %}

이러한 기술을 구현하면 다음에서 렌더링된 JSON 데이터를 효과적으로 사용할 수 있습니다. SyntaxError 문제가 발생하지 않은 JavaScript.

위 내용은 Jinja 템플릿에서 JSON을 구문 분석할 때 'SyntaxError: 예기치 않은 토큰 '&''를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!