javascript - Python/Flask 与 Javascript 的通信

Question

我正在使用 JavaScript 开发一个级联下拉布局，该布局由使用 Python/Flask 创建的数组填充。我有一个 Python 模块和一个 HTML 文件，需要在两者之间传递数据和响应。

第一个 JavaScript 下拉菜单已经填充了用于选择数据类型名称的选项。一旦用户选择了一个选项，就需要将此信息传递给 Python 模块。然后，我将使用 Python ftplib 根据他们选择的名称(所选数据集的年份列表)从 FTP 服务器获取信息。然后，下一个下拉列表将填充年份列表。一旦选择了一年，我将再次访问 FTP 服务器以获取该年的天数列表。我可以通过 FTP 访问信息。

我不知道如何在 Python 和 html 页面之间进行通信。例如，如何执行一个 Python 函数，该函数仅在完成第一个下拉选择后才返回一个新数组？第二种选择是直接在 JavaScript 中访问 FTP 信息，但我找不到像 Python ftplib 一样简单的方法。有关如何解决此问题的任何建议都会有所帮助。

Answer 1

好吧，当 flask 执行 render_template() 时，它只会填充 jinja 片段并向客户端发送 HTML 页面。在 HTML 页面上确实没有与 python 通信。

我建议使用 POST 请求和点击事件

@app.route('/data/')
def get_data(year):
    """ get your data here and return it as json """
    year = request.form.get('year')
    # ...
    return jsonify(yourdata)

然后，在 js 上做一些事情

$('.dropdown-button').click(function() {
  var year = this.data('year')
  $.post('/data/', {'year': year}, function(data) {
    // you now have your data as json here
    // you can do as you wish with it
  })
});