關於部落格
Ajax, Ria, Web2.0, WPF, ActionScript, Flash, FlashLite, Music, Rock, HipHop, Interactive Tech, Software, Physical Computing, Book
音樂、免費軟體、程式設計、設計資源、互動科技、搖滾樂、酷網
  • 35337

    累積人氣

  • 0

    今日人氣

    0

    訂閱人氣

[Ajax] - 從Ajax中逆向思考的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

相簿設定
標籤設定
相簿狀態