[Ajax]-從Ajax中逆向思考的 Fjax !!

今天一如往常一樣繼續研究ajax
經過這幾天的研究
已經對於ajax的運作模式、Ajax Frameworks的應用大致瞭解
接下來則是實做的部份了
而剛好今天在找了一堆Ajax Frameworks的相關資料之後
順便逛了一下"凱爾的布拉格廣場"
發現了另一個很棒的Ajax Frameworks—
Fjax
往下看個究竟吧~~~

Fjax的概念其實很容易瞭解(如果你對於Ajax已有基礎概念)
Ajax主要是運用JavaScript, XMLHttpRequest, XML
Fjax則是運用JavaScript, Flash, XML
Fjax將Ajax中的重要物件XMLHttpRequest以Flash取代(Fjax解決Ajax哪些問題呢?)

看過Fjax網站上的說明介紹之後
下面針對Fjax的運作模式做個簡單的流程說明:

1. JavaScript Include Fjax SDK (Fjax.js)
2. JavaScript Call GetXML() 並將以下三個參數傳送給Flash
    -ThisXmlFile(指定XML的檔名)
    -ThisOutputDivID(Div Tag的ID,指定所要放置內容的位置)
    -ThisFlashEngineID(指定辨識名稱給Flash)
3. Flash接收到之後,載入指定的XML檔案
4. Flash載入完成之後,將"ThisOutputDivID"及"ThisFlashEngineID"兩個參數
    透過"getURL"傳回給JavaScript中的ShowFjaxContent()
5. JavaScript中的ShowFjaxContent()接收到Flash傳來的訊息之後,
    再依據接收到的參數值至Flash中抓取資料,然後丟到網頁中指定的位置

從Fjax的運作流程來看,就可以瞭解Flash已經變成一個處理XML的engine了
而Fjax網站中所提供的範例雖然是Browser Side的應用
但是當然也可以直接讀取ASP、.NET、PHP等所傳送過來的XML格式
這個Ajax Frameworks的概念實在是令人驚訝阿!
(補充:
Luar大也曾經提出類似的概念)
看來這幾天要好好的來研究一下Fjax囉~~~
當然還要用Fjax來實作開發一些應用
算是驗收這幾天的研究成果拉~~~
下面附上兩張程式範例的擷圖
大家也可以直接到網站上去瞧瞧Fjax的三個範例
tooltip example
tab block example

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

%d 位部落客按了讚: