簡體   English   中英

Flask中的異步頁面處理示例

[英]Example of Asynchronous page processing in Flask

我正在處理一個使用大量圖形的應用程序(庫Raphaelgraphdracula )。 基本上,該應用程序將繪制不同的圖形。 假設我們有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尋找東西,但沒有成功。 有人可以指出正確的方向,我該怎么做?

提前致謝!

如果對於支持IE <10來說不是很關鍵-而不是老式的#hash導航,則可以使用jquery-pjax插件通過AJAX加載頁面部分: https : //github.com/defunkt/jquery-pjax

在Flask方面-您將必須根據標頭或其他附加參數(例如&ajax = 1)來更改AJAX請求。

另請參見與history.js比較的問題: jQuery-pjax與history.js在單擊時加載特定內容

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM