這篇文章主要介紹了怎么使用Spry輕松將XML數(shù)據(jù)顯示到HTML頁,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)貴陽,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220
隨著對Dreamweavse cs3中集成Spry功能的深入學(xué)習(xí),了解并掌握到Spry框架的一些功能模塊,其中就有通過Dreamweavse cs3可視化操作輕松將XML數(shù)據(jù)顯示到HTML頁中。
當(dāng)然,談到如何將XML數(shù)據(jù)插入顯示到HTML頁中,通常立即想到的就是數(shù)據(jù)島。比如:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
當(dāng)然,還可以使用XSLT將XML顯示到頁面中,不過現(xiàn)在使用了Dreamweaver CS3集成Spry功能,就能很輕松的將XML數(shù)據(jù)嵌入到HTML中,同時還能進(jìn)行XML數(shù)據(jù)的重新排序以及定時的數(shù)據(jù)更新和無刷新顯示等——標(biāo)準(zhǔn)的Spry AJAX應(yīng)用。
1,XML數(shù)據(jù)文件:site.xml
2,在Dreamweaver CS3中添加“Spry XML Date Set”
3,打開的對話框中瀏覽選擇XML數(shù)據(jù)源,再單擊“Get schema”提取XML節(jié)點(diǎn)顯示,在“Row element”內(nèi)選擇節(jié)點(diǎn)即自動獲得了“XPath”(注意:當(dāng)選擇不同的XPath,最終能顯示的信息也不相同),在“Sort”欄選擇分類排序的參考節(jié)點(diǎn),比如選擇時間的降序或升序,在“Options”中就可以來設(shè)置XML數(shù)據(jù)的自動更新并且是無刷新機(jī)制的顯示。
4,完成了XML數(shù)據(jù)的綁定后,就可以在HTML頁面中將XML數(shù)據(jù)(循環(huán))顯示了。
總的說來很容易上手,回頭到【代碼】視圖下看代碼也很簡潔,所有的工作都讓Spry框架給完成了。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“怎么使用Spry輕松將XML數(shù)據(jù)顯示到HTML頁”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!