客户端使用XML DOM

zoukankan html css js c++ java

客户端使用XML DOM

　　我们取出数据后可以以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>

——宽田著——

查看全文

相关阅读:
requests使用text可以查看源码
 正则表达式之search、sub
【JS】深拷贝与浅拷贝的区别，实现深拷贝的几种方法
 php：对象（object）数据类型实例详解
 usage: git remote add [<options>] <name> <url> -f, --fetch fetch the remote branches --tags import all tags and associated objects when fetching
PHP 可选参数
 php中文乱码问题的终极解决方案汇总
 html表单提交给PHP然后浏览器显示出了PHP的源代码
 wamp 安装
 wamp选择语言

原文地址：https://www.cnblogs.com/scottckt/p/1837920.html

客户端 使用XML DOM

客户端使用XML DOM