Beispielcode-Freigabe für die Hyperlink-Verarbeitung beim Binden von XML-Dateninseln-XML/RSS-Tutorial-php.cn

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

黄舟

Freigeben： 2017-03-24 17:05:59

Original

1678 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!