|
我们取出数据后可以以json的形式传到前端处理，也可以以Xml Dom的形式传到前端进行处理。下边例子是利用Jquery处理XML Dom的例子。 步骤： <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="XmlDom._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript"> //得到XML Dom function LoadXML(XmlString) { var xmlDoc; //firefox等 if (!window.ActiveXObject) { var parser = new DOMParser(); xmlDoc = parser.parseFromString(XmlString, "text/xml"); } else { //IE xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = "false"; xmlDoc.loadXML(XmlString); } return xmlDoc; } function UseCllentXmlDom() { try { var string = "<Log><Content value='测试Xml Dom用法' /></Log>"; //加载 var xmlString = LoadXML(string); var xmlContent = $(xmlString).find("Content"); if (xmlContent != null) { $(xmlString).find("Content").each(function() { var ContentValue = $(this).attr("value"); //显示得到的数据 $("#DomValue").html(ContentValue); }); } } catch (e) { throw e; } } </script> </head> <body> <form id="form1" runat="server"> <div> <a style="cursor: pointer" onclick="UseCllentXmlDom()">调用客户端XmlDom</a> <br /> 显示数据： <div id="DomValue"> </div> </div> </form> </body> </html>
<script type="text/javascript"> //仅在firefox下可行 function UseCllentXmlDom() { try { var string = "<Log><Content value='测试Xml Dom用法' /></Log>"; //取XML 字符串 xmlString = $(string); var xmlContent = $(xmlString).find("Content"); if (xmlContent != null) { $(xmlString).find("Content").each(function() { var ContentValue = $(this).attr("value"); //显示得到的数据 $("#DomValue").html(ContentValue); }); } } catch (e) { throw e; } } </script> |