将变量从 Flask 传递给 JavaScript [英] Passing variables from Flask to JavaScript

查看:41
本文介绍了将变量从 Flask 传递给 JavaScript的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我查看了类似的论坛,但没有找到任何可行的解决方案.我试图将变量从 Flask 传递到我的 JavaScript 文件.然后这些值将用于我的 JavaScript 文件中的 PubNub.

I looked at similar forums but was not able to get any of the solutions to work. I am trying to pass variables from Flask to my JavaScript file. These values then will be used for PubNub from my JavaScript file.

这是我的 Python 代码的一部分:

Here is part of my Python code:

@app.route("/mysettings/")
def user_settings(): 
        return render_template('Settings.html',  project_name = session['project_name'] , publish_key = session['publish_key'] , subscribe_key = session['subscribe_key'] )

这是我的 JavaScript 代码 (app.js) 的一部分:

Here is part of my JavaScript code (app.js):

var settings = {
        channel: {{project_name}},
        publish_key: {{publish_key}},
        subscribe_key: {{subscribe_key}}
    };

如果我在 Settings.html 文件中使用此代码但不在 app.js 文件中使用此代码.

this code works if I use it in my Settings.html file but not in the app.js file.

推荐答案

mobiusklein 的回答很不错,但是还有是黑客"你应该考虑.定义您的 Javascript 方法以接收参数并将数据作为参数发送到您的函数.

The mobiusklein answers is pretty good, but there is "hack" you should consider. Define your Javascript method to receive params and send data as params to your function.

ma​​in.py

@app.route('/')
def hello():
    data = {'username': 'Pang', 'site': 'stackoverflow.com'}
    return render_template('settings.html', data=data)

app.js

function myFunc(vars) {
    return vars
}

settings.html

<html>
    <head>
         <script type="text/javascript" {{ url_for('static', filename='app.js')}}></script>
         <script type="text/javascript">
            myVar = myFunc({{data|tojson}})
         </script>
    </head>
</html>

这篇关于将变量从 Flask 传递给 JavaScript的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆