Question

这是一个高级架构问题，因为我没有网络开发经验，而且我没有在网上找到任何简洁的答案。

假设我有一个开始的Flask应用程序有一个非常简单的html页面，其中包含一些表单字段。您将一些数据键入表单字段，提交，然后提交触发一个AJAX调用onclick，然后将结果发布到您的烧瓶路径。

当需要显示数据时，将其从发布到相关视图的请求对象中拉出，然后渲染一个模板，通过您的格式化数据。

我的问题是......如果您想继续对同一页面进行更新，那该怎么办？例如，可能在第一篇文章点击您的视图后，您会在页面上显示一个图表，其中包含从路径传递到该视图的信息。如果您决定为表单数据的不同输入集获取新图表，因为您没有点击新路由，只要用户将新数据键入表单字段并提交，您是否只是重新加载页面？如果您希望在图表后弹出后续数据，这如何工作？您是否只在背景中隐藏/冷藏多个div，在发生某些事件时取消隐藏？

Answer 1

你通常使用jquery来填充像

这样的div

<form id="my_form"> ... </form><button id="my_button">Clicky</button>
<div id="info_div"></div>
<script>
$("#my_button").click(function(){
   var data = $("#my_form").serialize()
   $("#info_div").load("/url/of/bit/to/load?"+data)
})</script>

使用AJAX处理Flask SPA视图的正确方法

1 个答案: