0

我正在处理一个使用大量图形的应用程序(库Raphaelgraphdracula)。基本上,应用程序正在绘制不同的图形。假设我们有 3 个页面正在绘制图表:

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

假设我们有以下 URL:

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 找到一些东西,但没有成功。有人能指出我正确的方向吗?我该怎么做?

提前致谢!

4

1 回答 1

1

如果这对您支持 IE<10 并不重要 - 而不是旧式 #hash-navigation,您可以使用 jquery-pjax 插件通过 AJAX 加载页面部分:https ://github.com/defunkt/jquery-pjax

在 Flask 方面 - 您将不得不通过它们的标头或一些额外的参数(如 &ajax=1)来区分 AJAX 请求。

另请参阅此问题与 history.js 的比较:jQuery-pjax vs history.js to load specific content when clicked

于 2013-03-21T13:30:29.127 回答