Flask에서 Jinja 렌더링 JSON 데이터를 사용할 때 JavaScript 구문 오류를 방지하는 방법은 무엇입니까?

Jinja 렌더링 데이터의 JavaScript 구문 오류

문제:

Flask에서 Jinja 템플릿으로 JSON 데이터를 전달할 때 JavaScript를 렌더링하고 JSON.parse()가 실패합니다. SyntaxError.

기본 원인:

Flask는 보안 취약성을 방지하기 위해 HTML 템플릿에 렌더링된 데이터를 이스케이프하여 JavaScript의 JSON 데이터에 영향을 줍니다.

해결책:

사용 tojson 필터:

Flask의 tojson 필터는 Python 개체를 안전한 JSON으로 변환하고 데이터를 렌더링에 안전한 것으로 표시합니다.

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

var tree = {{ tree|tojson }};

대체 옵션:

• 안전한 필터 또는 마크업 래핑: 데이터가 이미 JSON인 경우 안전 필터를 사용하거나 마크업으로 래핑합니다.

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

var tree = {{ tree }};

• 직접 Python 데이터: 데이터가 JavaScript용이 아닌 경우 JSON 없이 템플릿에서 직접 Python 데이터를 사용하세요. 변환합니다.

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

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

위 내용은 Flask에서 Jinja 렌더링 JSON 데이터를 사용할 때 JavaScript 구문 오류를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!