将变量从 Flask (python) 传递到与 HTML 文件分开的 Javascript 文件中

Question

return render_template('index.html', variable=newvariable)我知道你可以简单地通过包含在 Python 文件中来从 Flask 调用变量

<script>
var JSVAR = '{{ newvariable }}';
</script>

在index.html 文件中。但是，如果我想将该变量传递到包含在 index.html 文件中的纯 Javascript 文件中该怎么办？我想我需要使用 id 参数创建一个 HTML“变量”，然后使用 jQuery 来调用它，但我无法弄清楚语法。

有任何想法吗？

Answer 1

公开一个函数并对其进行 ajax 调用并不是一个坏方法。这种方法的好处是可以为维护者留下清晰的函数调用轨迹。

http://api.jquery.com/jQuery.ajax/

http://flask.pocoo.org/docs/patterns/jquery/

第二个链接有更详细的描述，但总体思路是您设置了一个 Flask 应用程序来处理来自浏览器的请求，并且在该应用程序中您设置了一个方法，可以将请求发送给它，该方法将负责传递你的变量返回给js客户端。

然后在 js 脚本中对该方法的 url 进行 ajax 调用，并使用一个处理响应的回调函数。这种方法可以做一些非常非常酷的事情。

如果您不熟悉 ajax，Google 一些教程可能会有用。作为概述，这是一半不错的：http://www.tutorialspoint.com/ajax/ajax_in_action.htm