Heim > Artikel > Backend-Entwicklung > Beispielcode-Freigabe für die Hyperlink-Verarbeitung beim Binden von XML-Dateninseln

Beispielcode-Freigabe für die Hyperlink-Verarbeitung beim Binden von XML-Dateninseln

黄舟Original: 2017-03-24 17:05:591735Durchsuche

Beim Schreiben einer Kartenraumsuche müssen die von Ajax zurückgegebenen Datenergebnisse zusätzlich zur Interpunktion auf der Karte in einer herkömmlichen Tabelle aufgelistet werden, und die Informationen können durch Klicken angezeigt werden, da die Verarbeitung der zurückgegebenen Ergebnisse erforderlich ist flexibel genug sein, sodass das Format nicht in js fest codiert werden kann. Hier wird die XML-Dateninselmethode verwendet (das System muss nur den IE berücksichtigen) und es werden nur die zu verwendenden XML-Dateninformationen zurückgegeben. Das spezifische Layout auf der HTML-Seite kann von anderen Entwicklern angepasst werden.

Der folgende Code entfernt den Ajax-Teil und zeigt lediglich, wie eine XML-Dateninsel generiert, an eine HTML-Tabelle gebunden und zugehörige Linkinformationen angezeigt werden. Der href-Inhalt des Links kann in XML-Daten gespeichert und mit dem datafld-Attribut verarbeitet werden.

<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>

Das obige ist der detaillierte Inhalt vonBeispielcode-Freigabe für die Hyperlink-Verarbeitung beim Binden von XML-Dateninseln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ausführliche Erläuterung von XML und Beispielcode für moderne CGI-AnwendungenNächster Artikel：Ausführliche Erläuterung von XML und Beispielcode für moderne CGI-Anwendungen

In Verbindung stehende Artikel

Mehr sehen