將燒瓶中的數據傳遞到javascript時，JSON中出現意外令牌{

Question

我正在嘗試將簡單的數據從Flask傳遞到javascript文件，我正在按照此答案將JSON對象從Flask傳遞到JavaScript

但是我遇到了Uncaught SyntaxError：意外的令牌{在JSON.parse（）位置1的JSON中

var user = JSON.parse('{{ data | tojson}}');      
 var grade=user.grade;
 console.log(grade);

我的python文件有代碼

@app.route("/quiz/0")
def quizFirst():
    data={"grade":"0"}
    return render_template('quiz.html',data=data)

令牌{無法被js文件中的javascript識別，任何想法我都缺少。

Answer 1

這個對我有用。 該JavaScript必須位於quiz.html 。 原因是Flask將處理quiz.html並替換{{ data | tojson }} {{ data | tojson }}以及render_template提供的數據。 但是，它不會處理您的靜態JS文件。

quiz.html：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>sotest</title>
</head>
<body>

  Hello World!

<script>
  var user = JSON.parse('{{ data | tojson}}');      
  var grade=user.grade;
  console.log(grade);
</script>

</body>
</html>

app.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/quiz/0")
def quizFirst():
    data={"grade":"0"}
    return render_template('quiz.html',data=data)

if __name__ == "__main__":
    app.run(debug=True)

將燒瓶中的數據傳遞到javascript時，JSON中出現意外令牌{

問題描述

1 個解決方案

解決方案1
3 已采納 2018-03-12 17:59:24

quiz.html：

app.py

將燒瓶中的數據傳遞到javascript時，JSON中出現意外令牌{

問題描述

1 個解決方案

解決方案1 3 已采納 2018-03-12 17:59:24

quiz.html：

app.py

解決方案1
3 已采納 2018-03-12 17:59:24