xml資料島綁定時的超連結處理的範例程式碼分享-XML/RSS教程-PHP中文網

首頁

後端開發

XML/RSS教程

xml資料島綁定時的超連結處理的範例程式碼分享

黄舟

Mar 24, 2017 pm 05:05 PM

在寫地圖空間搜尋的時候，用ajax返回的資料結果，除了要在地圖上標點之外還需要用傳統的表格方式羅列，並且可以點擊察看信息，因為需要對返回結果的處理足夠靈活，所以不能在js當中寫死格式。這裡用了xml資料島的方式（系統是只需要考慮IE）只把要用到xml資料資訊傳回，具體怎麼在html頁面上佈局可以由其它開發人員自己訂製。

下面程式碼去掉了ajax的部分，只簡單的示範如何產生一個xml資料島，以及如何和html表格綁定，並顯示出相關的連結資訊。其中連結的href內容可以保存在 xml資料中，並用datafld屬性來處理。

<html xmlns="">
<head>
　　<title>XML数据岛</title>
</head>

<script type="text/jscript">...
　　//获取xml，实际应用中大多是ajax异步获取的
　　function getData()
　　...{
　　　　var xmlData="<xml ID="xmlData"><root>";
　　　　for(var i=0;i<5;i++)
　　　　...{
　　　　　　try
　　　　　　...{
　　　　　　　　var id="Name"+i;
　　　　　　　　var Type="Type"+i;
　　　　　　　　 xmlData+="<METADATA><Name>"+id+"</Name> ;<Type>"+Type+"</Type><Href>javascript:aler t(&#39;"+id+"&#39;)</Href></METADATA>";
　　　　　　　　pointIndex++;
　　　　　　}
　　　　　　catch(e)
　　　　　　...{

　　　　　　}
　　　　}
　　　　xmlData+="</root></xml>";
　　　　document.all.xmlDataPanel.innerHTML=xmlData;
　　}
　　//简单的添加xml信息
　　function addData()
　　...{
　　　　var xmlData= document.all.xmlDataPanel.innerHTML;
　　　　xmlData=xmlData.replace ("</root></xml>","");
　　　　 xmlData+="<METADATA><Name>newName</Name><Type >newType</Type><Href>javascript:alert(&#39;newName&#39;) </Href></METADATA>";
　　　　xmlData+="</root></xml>";
　　　　document.all.xmlDataPanel.innerHTML=xmlData;
　　}
</script>

<body>
　　<button onclick="javascript:getData();">获取数据 </button>
　　<button onclick="javascript:addData();">添加数据 </button>
　　<div id="xmlDataPanel">
　　</div>
　　<div style="overflow: scroll; height: 180;width:180" align="center">
　　　　<div align="left">
　　　　　　<!--绑定,超链接的地方用 datafld属性,href的值也可以保存在 xml数据岛当中,比较灵活,可以使js函数或者一个url地址-->
　　　　　　<table datasrc="#xmlData" border="1">
　　　　　　　　<tr>
　　　　　　　　　　<td>
　　　　　　　　　　　　<a datafld="Href"><span datafld="Name"></span></a>
　　　　　　　　　　</td>
　　　　　　　　　　<td>
　　　　　　　　　　　　<span datafld="Type"></span>
　　　　　　　　　　</td>
　　　　　　　　</tr>
　　　　　　</table>
　　　　</div>
　　</div>

</body>
</html>

以上是xml資料島綁定時的超連結處理的範例程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

XML在RSS中的優勢：技術深度潛水Apr 23, 2025 am 12:02 AM

XML在RSS中具有結構化數據、可擴展性、跨平台兼容性和解析驗證的優勢。 1）結構化數據確保內容的一致性和可靠性；2）可擴展性允許添加自定義標籤以適應內容需求；3）跨平台兼容性使其在不同設備上無縫工作；4）解析和驗證工具確保Feed的質量和完整性。

XML中的RSS：揭示內容聯合的核心Apr 22, 2025 am 12:08 AM

RSS在XML中的實現方式是通過結構化的XML格式來組織內容。 1)RSS使用XML作為數據交換格式，包含頻道信息和項目列表等元素。 2)生成RSS文件需按規範組織內容，發佈到服務器供訂閱。 3)RSS文件可通過閱讀器或插件訂閱，實現內容自動更新。

超越基礎：高級RSS文檔功能Apr 21, 2025 am 12:03 AM

RSS的高級功能包括內容命名空間、擴展模塊和條件訂閱。 1）內容命名空間擴展RSS功能，2）擴展模塊如DublinCore或iTunes添加元數據，3）條件訂閱根據特定條件篩選條目。這些功能通過添加XML元素和屬性實現，提升信息獲取效率。

XML主鏈：RSS提要如何結構Apr 20, 2025 am 12:02 AM

RSSFEEDSUSEXMLTOSSTRUCTURECONTUPDATE.1）XMLPROVIDEDIDESAHIERARCHICALSTRUCTUREFFORDATA.2）THEELEMENTDEFINESTHEEFEED'SIDENTITYANDCONTAINS ELEMENT.3）ELEMENTEMERPREPRESERPRESENTERPRESENTIVIDIVIVELPIECTUALPIECES.4）RSSSSSSSSSSSISEXTEXTENSIBLERECTICERSINCREECTINCERINCTICENT.5）

RSS和XML：了解Web內容的動態二重奏Apr 19, 2025 am 12:03 AM

RSS和XML是用於網絡內容管理的工具。 RSS用於發布和訂閱內容，XML用於存儲和傳輸數據。它們的工作原理包括內容髮布、訂閱和更新推送。使用示例包括RSS發布博客文章和XML存儲書籍信息。

RSS文檔：Web聯合組織的基礎Apr 18, 2025 am 12:04 AM

RSS文檔是基於XML的結構化文件，用於發布和訂閱頻繁更新的內容。它的主要作用包括：1)自動化內容更新，2)內容聚合，3)提高瀏覽效率。通過RSSfeed，用戶可以訂閱並及時獲取來自不同來源的最新信息。

解碼RSS：內容提要的XML結構Apr 17, 2025 am 12:09 AM

RSS的XML結構包括：1.XML聲明和RSS版本，2.頻道（Channel），3.條目（Item）。這些部分構成了RSS文件的基礎，允許用戶通過解析XML數據來獲取和處理內容信息。

如何解析和利用基於XML的RSS提要Apr 16, 2025 am 12:05 AM

RSSFEEDSUSEXMLTOSYNDICATECONTENT; PARSINGTHEMINVOLVESLOADINGINGINGINGINSSTRUCTURE，andExtractingData.ApplicationsIncludeBuildBuildingNewSagGregatorSaterNewSagGregatorSator andTrackingPodcastepodcastepisodes。

See all articles