使用 AJAX 从 Flask 渲染整个 HTML 页面答案

【问题标题】：Render entire HTML page from Flask using AJAX使用 AJAX 从 Flask 渲染整个 HTML 页面
【发布时间】：2019-04-01 21:42:09
【问题描述】：

我在后端的网络应用是 Flask，我使用 Jinja2 和 wtforms 来动态生成内容。

生成的主页是任何给定月份的所有销售额的表格。在表的顶部，有用于筛选销售、月份、总监和客户经理的选择字段。

例如，当有人从“客户经理”下拉菜单中选择客户经理时，我希望触发一个事件，该事件将“获取”请求发送回具有所选客户经理的服务器。然后，服务器将生成新的过滤内容并将 HTML 页面发回以在客户端上呈现。

我希望动态渲染保留在后端。我在 Account Manager 选择字段中添加了一个事件侦听器，然后尝试使用 Axios 使用“get”请求向服务器发送 ajax 调用，这很有效。我将整个 HTML 文档作为数据返回。

我的问题是，我现在如何渲染返回给 Axios 的整个 HTML 文档？或者，有没有更好的方法来做到这一点？

我知道我可以轻松地使用这些过滤器元素创建一个表单，然后创建一个提交按钮以将“发布”请求发送回服务器，它会起作用。但是，我真的很想在选择字段更改而无需用户单击按钮时发送“获取”请求。

【问题讨论】：

【解决方案1】：

我能够自己解决这个问题。我在问题的最后一段中回答了它。一种解决方案是简单地创建一个包含过滤器选择元素的表单。然后，我在每个选择元素上添加了一个事件侦听器。事件侦听器的函数然后在表单上调用提交。很简单。

【讨论】：