分類
❄網站新玩意 (New Stuffs) 雜記

終於跟 Adobe Spry 說掰

幾個月前先替換 Spry 的使用介面元件部分,將 Spry Widget、Spry Effect 等介面元件用 jQuery 取代,詳見部落格文章「汰換 Adobe Spry 夢魘」。趁著農曆年後的小空檔,把網站裡的三個 Spry 資料元件:SpryUtils、SpryData、SpryXML 繼續替換掉,從此跟 Adobe Spry framework say “Bye !”

Spry 替換 jQuery

下面列出使用 jQuery 取代Spry 的幾個函數(function),提供進行汰換時的參考:

  • Spry.Utils.updateContent(“id”, “ajax.html”);
    => $(“#id”).load(“ajax.html”);
  • Spry.Utils.setInnerHTML(“id”, txt);
    => $(“#id”).html(txt);
  • Spry.Utils.loadURL(“GET”, url, true, ChgComplete);
    => $.ajax( {type: “GET”, url: url, success: ChgComplete} );
  • Spry.Utils.submitForm(‘frmId’, updateResponse);
    => $.ajax( {type: “POST”, url: url, data: $(“#frmId”).serialize(), success: submitComplete} );
  • var xmlDocument = Spry.Utils.stringToXMLDoc(xmlStr);
    => $.ajax( {type: “GET”, url: url, success: processXML, dataType: “xml”} );
    => 在 jQuery ajax 元件上,指明回覆的資料型態為 XML,即傳回 XML Document 資料。
  • xmlobj = Spry.XML.documentToObject(doc);
    => 不再需要將 XML Document 轉成 Javascript 物件,直接處理 jQuery 物件即可。

瀏覽器 Javascript 語言的框架 (Javascript Framework) 很多,常用框架有 jQuery、Moo Tool、Yahoo UI L (YUI)、EXT JS、Adobe Spry 等,以往網站上是混合使用,現在終於大一統於 jQuery 上。

分享