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