客户端使用XML DOM

时间：2010-09-28 来源：宽田

　　我们取出数据后可以以json的形式传到前端处理，也可以以Xml Dom的形式传到前端进行处理。下边例子是利用Jquery处理XML Dom的例子。

步骤：

　　1、引用Jquery

　　2、如果是IE，实例ActiveXObject；Firefox，实例DOMParser。

　　3、处理

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

在FireFox下，我测试时发现，将XML字符串直接给Jquery，Jquery也能直接处理；但在IE下不行。如下边代码。

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

客户端 使用XML DOM

客户端使用XML DOM