Flask 中的异步页面处理示例

Question

我正在处理一个使用大量图形的应用程序（库Raphael 和graphdracula）。基本上，应用程序正在绘制不同的图形。假设我们有 3 个页面正在绘制图表：

1. 图1
2. 图2
3. 图3

假设我们有以下网址：

www.someurl.com/graph1

现在，这个 URL 将加载页面和 graph1 的绘图算法。我的应用程序现在的工作方式是：如果我想更改布局（例如，更改为 graph2），我将不得不重新加载整个页面：

www.someurl.com/graph2

我想要做的是：将其作为单页应用程序 (SPA)。当我们加载应用程序时，我希望加载所有图表，但只有一个是可见的（我想这是这样做的方法）。当我点击一个按钮时，只是为了加载我需要的东西，而不是整个页面。例如，当我们打开应用程序的图表页面时，会：

www.someurl.com/graph#1 -> for the first graph
www.someurl.com/graph#2 -> for the second graph
www.someurl.com/graph#3 -> for the third graph

我想要这个异步。我试图为 Flask 找到一些东西，但没有成功。有人可以指出我正确的方向吗？我该怎么做？

提前致谢！

Answer 1

如果这对您支持 IEhttps://github.com/defunkt/jquery-pjax

在 Flask 方面 - 您必须通过标头或其他一些参数（如 &ajax=1）来区分 AJAX 请求。

与 history.js 相比，另请参阅此问题：jQuery-pjax vs history.js to load specific content when clicked