美文网首页
Flask 把 JSON 作为变量传递给 Javascript

Flask 把 JSON 作为变量传递给 Javascript

作者: SingleDiego | 来源:发表于2022-01-04 10:39 被阅读0次

    原文:python - Passing a JSON object from Flask to JavaScript - Stack Overflow

    本文实现把参数以 JSON 的形式,从视图函数传递到模板文件,在模板文件中,利用 Javascript 来读取传来的参数,并用 Javascript 的对象形式来使用该参数。

    要使用该功能我们利用 Jinja2 模板引擎的 tojson() 过滤器来实现,详细使用方法见 官方文档

    例子:

    # view.py
    
    from flask import Flask, render_template
    
    app = Flask(__name__)
    
    @app.route('/')
    def hello_world():
        user = {'firstname': "Mr.", 'lastname': "My Father's Son"}
        return render_template("index.html", user=user)
    
    if __name__ == '__main__':
        app.run()
    
    # index.html
    
    <p>Hello, <span id="username"></span></p>
    <script>
        var user = JSON.parse('{{ user | tojson | safe}}');
        document.getElementById('username').innerHTML = user.firstname + " " +
                user.lastname;
    </script>
    

    现在,我们可以直接在 Javascript 使用变量 user:

    user
    {firstname: 'Mr.', lastname: "My Father's Son"}
    

    相关文章

      网友评论

          本文标题:Flask 把 JSON 作为变量传递给 Javascript

          本文链接:https://www.haomeiwen.com/subject/twkqcrtx.html