XML基础

最新推荐文章于 2024-11-17 08:54:56 发布
最新推荐文章于 2024-11-17 08:54:56 发布
阅读量394 收藏
点赞数
分类专栏： JAVAWEB开发 文章标签： xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012562931/article/details/53644172
版权
这篇博客介绍了XML的基础知识，包括XML的构成模块、语法、转义字符、子元素和属性的使用，以及如何结合CSS进行样式设计。此外，还详细讲解了DTD的引用、内部和外部DTD的定义，以及如何使用XMLHttpRequest对象进行数据交互。文中探讨了XMLHttpRequest的属性、方法，DOM解析XML的原理和方法，并展示了不同节点类型的属性和方法。
摘要由CSDN通过智能技术生成

XML基础

XML构成模块

  1. 元素
  2. 属性
  3. 实体
    转义字符
  4. PCDATA
    这种类型是可以被解析器解析的类型
    也就是说应当使用实体代替转义字符
  5. CDATA
    不会被解析器解析

XML语法

1. 必须有关闭标签
2. 正确的嵌套标签
3. 整个文档必须有一个根元素，也就是说所有文档都在一个元素下面
4. 属性值必须加引号
5. 会保留元素值原有格式
6. 大小写敏感

转义字符

&lt; <
&gt; >
&amp; &
&apos; ’
&quot; ”
在 XML 中，只有字符 “<” 和 “&” 确实是非法的。大于号是合法的，但是用实体引用来代替它是一个好习惯。

子元素和属性之争

应当尽量避免使用属性：
1.属性不能表示树结构
2.属性无法做扩展

使用CSS

CSS能够渲染XML元素
1. 引入CSS：

<!xml-stylesheet type="text/css" href="path">
  1. CSS内容是针对特定的元素，进行特定的格式渲染

例子：

1.xml文件

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="attributeTest.css"?>
<!DOCTYPE computer[
<!ELEMENT computer (cpu,gpu,mainboard,ram,keyboard,display*,mouse?)>
<!ELEMENT cpu (#PCDATA)>
<!ELEMENT gpu (#PCDATA)>
]>
<computer>
    <cpu>
        Intel i7
    </cpu>
    <gpu>
        GTX 750TI
    </gpu>
</computer>

2.css文件

computer{
display: block;
background-color: #fff0ff;
width:50%;
}
gpu{
display: block;
background-color: #f0ffff;
}

DTD

引用DTD

<!DOCTYPE root_element SYSTEM "xxx.dtc">

例子：
1. xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE root SYSTEM "student.dtd">
<root>
    <name>zhangsan</name>
    <age>20</age>
</root>
  1. student.dtd
<!ELEMENT name (#PCDATA)>
<!ELEMENT age (#PCDATA)>

内部DTD

包含在xml文档内部，语法如下：

<!DOCTYPE root_element[
    定义
]>

外部DTD

引用文件外的DTD作为约束，语法如下：
1.xml引用语法

<!DOCTYPE root_element SYSTEM "dtd_path">
  1. dtd
定义语法

ELEMENT

用于定义元素，格式如下：

<!ELEMENT 元素名称 类别>
或者
<!ELEMENT 元素名称 (元素内容)>

1.定义空元素

<!ELEMENT element_name EMPTY>

2.PCDATA元素

<!ELEMENT elemtn_name (#PCDATA)>

3.任何内容元素

<!ELEMENT element_name ANY>

4.子元素
1.逗号分隔规定出现顺序
spring.dtd中：

<!ELEMENT beans (
    description?,
    (import | alias | bean)*
)>

解释： 

首先出现一个或者0个description元素
后面出现import或者alias或者bean 0个、多个

例子

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE computer[
<!ELEMENT computer (cpu,gpu,mainboard,ram,keyboard,display*,mouse?)>
<!ELEMENT cpu (#PCDATA)>
<!ELEMENT gpu (#PCDATA)>
<!ELEMENT mainboard (#PCDATA)>
<!ELEMENT ram (size,brand)>
<!ELEMENT keyboard (#PCDATA)>
<!ELEMENT cpu (#PCDATA)>
<!ELEMENT display (#PCDATA)>
<!ELEMENT mouse (#PCDATA)>
<!ELEMENT size (#PCDATA)>
<!ELEMENT brand (#PCDATA)>
]>
<computer>
    <cpu>
        Intel i7
    </cpu>
    <gpu>
        GTX 750TI
    </gpu>
    <mainboard>
        技嘉 840m
    </mainboard>
    <ram>
        <size>8G</size>
        <brand>金士顿</brand>
    </ram>
    <keyboard>
        ikbc
    </keyboard>

    <display>
        AOC
    </display>
    <mouse>
        雷蛇
    </mouse>
</computer>

ATTLIST

定义元素的属性，语法如下：

<!ATTLIST 元素名称 属性名称 属性类型 默认值>
  1. 属性类型
类型描述
CDATA值为字符数据 (character data)
(en1竖线en2竖线..)此值是枚举列表中的一个值
ID值为唯一的 id
IDREF值为另外一个元素的 id
IDREFS值为其他 id 的列表
NMTOKEN值为合法的 XML 名称
NMTOKENS值为合法的 XML 名称的列表
ENTITY值是一个实体
ENTITIES值是一个实体列表
NOTATION此值是符号的名称
xml:值是一个预定义的 XML 值

2.属性默认值

值解释
值属性的默认值
REQUIRED属性值是必需的
IMPLIED属性不是必需的
FIXED value属性值是固定的

实体

用来定义实体，以供外界引用，如：

&lt; 表示>

语法如下：

<!ENTITY 实体名称 "实体的值">

例子：

<!ENTITY god "zhousi">

引用：

&god;

外部实体

在xml中引用外部实体：

<!ENTITY 实体名字 SYSTEM "DTD路径">

XMLHttpRequest

创建对象

1.现在 

xmlhttp=new XMLHttpRequest();

2.老版本

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

所以为了兼容，两种方式都要进行：

var xmlhttp;
function ajax(){
    if(window.XMLHttpRequest){
        xmlhttp=new XMLHttpRequest();
    }else if(window.ActiveXObject){
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    if(xmlhttp==null){
        alert("your browser does not support XMLHTTP");
    }else{
        //设置状态变化对应的处理函数
        xmlhttp.onreadstatechange=state_change();
        //打开和url的连接,参数分别是 方法 url 是否异步
        xmlhttp.open("GET",url,true);
        //发送要发送的数据
        xmlhttp.send(null);
    }
}
function state_change(){
    if(xmlhttp.readyState==4){
        //200表示成功
        if(xmlhttp.status==200){

        }else{

        }
    }
}

属性

readyState

状态名称描述
0Uninitialized初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置。
1Openopen() 方法已调用，但是 send() 方法未调用。请求还没有被发送。
2SentSend() 方法已调用，HTTP 请求已发送到 Web 服务器。未接收到响应。
3Receiving所有响应头部都已经接收到。响应体开始接收但未完成。
4LoadedHTTP 响应已经完全接收。

每次属性值==增加==时会触发onreadystatechange方法的触发

responseXML

responseText

status

statusText

例子：

<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url){
    xmlhttp=null;
    if (window.XMLHttpRequest){
        xmlhttp=new XMLHttpRequest();
     }else if (window.ActiveXObject){
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (xmlhttp!=null){
      xmlhttp.onreadystatechange=state_Change;
      xmlhttp.open("GET",url,true);
      xmlhttp.send(null);
      }else{
       alert("Your browser does not support XMLHTTP.");
      }
}
function state_Change(){
    document.write("readyState:"+xmlhttp.readyState+"<br/>");
    document.write("status:"+xmlhttp.status+"<br/>");
    document.write("statusText:"+xmlhttp.statusText+"<br/>");
    document.write("responseText:"+xmlhttp.responseText+"<br/>");
    document.write("responseXML:"+xmlhttp.responseXML+"<br/>");
    document.write("<br/>");
}
</script>
</head>

<body onload="loadXMLDoc('/example/xdom/test_xmlhttp.txt')">
</body>
</html>

结果：

readyState:1
status:0
statusText:
responseText:
responseXML:null

readyState:2
status:200
statusText:OK
responseText:
responseXML:null

readyState:3
status:200
statusText:OK
responseText:This is a test using an XML HTTP request to show a text file. If this text shows, it worked!
responseXML:null

readyState:4
status:200
statusText:OK
responseText:This is a test using an XML HTTP request to show a text file. If this text shows, it worked!
responseXML:null

方法

  1. abort：取消当前响应，关闭连接
  2. getAllResponseHeaders：获取HTTP相应头部
  3. getResponseHeader(String):获取相应的头部

  4. open(method, url, async, username, password)

    将readyState设置为1
    初始化各个属性
    一般不会真正打开连接

  5. send(body)

    readyState值为1
    发送HTTP请求，结合open方法的参数构成一个HTTP头
    将readyState值设为2
    如果不使用异步，将阻塞到readyState为4

  6. setRequestHeaader(name,value)
    试验xml是在同目录下的dtd/attributeTest.xml中，具体内容如下：
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="attributeTest.css"?>
<computer>
    <cpu>
        Intel i7
    </cpu>
    <mainboard>
        技嘉 840m
    </mainboard>
    <gpu>
        GTX 750TI
    </gpu>
    <ram>
        <size>8G</size>
        <brand>金士顿</brand>
    </ram>
    <display>
        AOC
    </display>
    <mouse>
        雷蛇
    </mouse>
</computer>

节点类型

  1. 整个文档是一个文档节点（document）
  2. 每个 XML 标签是一个元素节点
  3. 包含在 XML 元素中的文本是文本节点，所有的文本都在文本节点中
  4. 每一个 XML 属性是一个属性节点
    注释属于注释节点

节点信息

  1. nodeName

    nodeName 是只读的
    元素节点的 nodeName 与标签名相同
    属性节点的 nodeName 是属性的名称
    文本节点的 nodeName 永远是 #text
    文档节点的 nodeName 永远是 #document

  2. nodeValue

    元素节点的 nodeValue 是 undefined
    文本节点的 nodeValue 是文本自身
    属性节点的 nodeValue 是属性的值

  3. nodeType
元素类型节点类型
元素1
属性2
文本3
注释8
文档9

例子：打印各个节点的nodeName,nodeValue,nodeType;

<!DOCTYPE html>
<html>
<head>
    <title>解析XML Node</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="loadxml.js"></script>
    <script type="text/javascript">
        function parseXMLNode(){
            var xmldoc=loadXML("dtd/attributeTest.xml");
            oneNode(xmldoc,0);
        }
        function oneNode(node,level){
            var childNodes=node.childNodes;
            for(var i = 0;i<level;i++){
                document.write("&nbsp;&nbsp;&nbsp;&nbsp;");
            }
            //打印nodeType
            document.write("Type:"+node.nodeType+"&nbsp;");
            document.write("Name:"+node.nodeName+"&nbsp;");
            document.write("Value:"+node.nodeValue);
            document.write("<br/>");
            for(var i = 0;i<childNodes.length;i++){
                oneNode(childNodes[i],level+2);
            }
        }
    </script>
</head>
<body>
<script type="text/javascript">
    parseXMLNode();
</script>
</body>
</html>

结果：

 Type:9 Name:#document Value:null
        Type:7 Name:xml-stylesheet Value:type="text/css" href="attributeTest.css"
        Type:1 Name:computer Value:null
                Type:3 Name:#text Value:
                Type:1 Name:cpu Value:null
                        Type:3 Name:#text Value: Intel i7
                Type:3 Name:#text Value:
                Type:1 Name:mainboard Value:null
                        Type:3 Name:#text Value: 技嘉 840m
                Type:3 Name:#text Value:
                Type:1 Name:gpu Value:null
                        Type:3 Name:#text Value: GTX 750TI
                Type:3 Name:#text Value:
                Type:1 Name:ram Value:null
                        Type:3 Name:#text Value:
                        Type:1 Name:size Value:null
                                Type:3 Name:#text Value:8G
                        Type:3 Name:#text Value:
                        Type:1 Name:brand Value:null
                                Type:3 Name:#text Value:金士顿
                        Type:3 Name:#text Value:
                Type:3 Name:#text Value:
                Type:1 Name:display Value:null
                        Type:3 Name:#text Value: AOC
                Type:3 Name:#text Value:
                Type:1 Name:mouse Value:null
                        Type:3 Name:#text Value: 雷蛇
                Type:3 Name:#text Value:

DOM解析

解析XML文件

  1. 通过微软的XML解析器加载XML
//创建XML文档对象
xmlDoc=new ActiveXObject("Microsoft,XMLDOM");
//关闭异步加载
xmlDoc.async="false";
//通过load方法加载xml文档
xmlDoc.load("");
  1. 其他浏览器解析
xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.async="false";
xmlDoc.load("books.xml");

解析XML字符串

  1. 微软解析
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(txt);
  1. 其他浏览器解析
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");

属性和方法

常见的属性

x.nodeName - x 的名称
x.nodeValue - x 的值
x.parentNode - x 的父节点
x.childNodes - x 的子节点
x.attributes - x 的属性节点

常见的方法

x.getElementsByTagName(name) - 获取带有指定标签名称的所有元素
x.appendChild(node) - 向 x 插入子节点
x.removeChild(node) - 从 x 删除子节点

例子：

function showXML(url){
    //加载xml
    var xmldoc=loadXML(url);
    //xml域测试
    alert(xmldoc.nodeName);
    alert(xmldoc.nodeValue);
    alert(xmldoc.parentNode);
    alert(xmldoc.childNodes[0].nodeValue);
    alert(xmldoc.attributes);
    //方法测试
    var cpu=xmldoc.getElementsByTagName("cpu")[0];
    alert("cpu:"+cpu.childNodes[0].nodeValue);
}
刘彦佐
关注
专栏目录
XML学习3：XML基本语法(二)
life is wonderful
06-02 4915
三XML属性        XML元素可以在开始标签中包含属性，类似HTML。属性(Attribute)提供关于元素的额外(附加)信息。        XML属性基本语法：元素内容          注意事项：        1)属性值用双引号(")或单引号(')分隔(如果属性值中有'，用"分隔；有"，用'分隔)。         2)一个元素可以有多个属性。        3)属性名
XML 基础介绍
Lyrelion的博客
03-14 2262
XML 是独立于软件和硬件的信息传输工具，这篇博客是对 XML 的基本介绍
xml基础
墨城烟柳ベ旧人殇的博客
05-22 3084
本文主要是学习XML 的笔记！
XML基础知识讲解
云泽野の编程日记
08-05 2269
XML（eXtensible Markup Language）是一种用于描述数据的标记语。它以纯文本的方式存储数据，并使用标签来标记数据的结构和含义。XML被设计用于传输和存储数据，同时也可作为配置文件和数据交换的格式。xml文档中只能有一个根标签结束标签比开始标签多了一个标签的定义有开始必须要有结束标签必须是合理嵌套每个标签可以有多个属性,但是属性不能相同属性和属性之间要使用引号(单引号或双引号)属性名称的命名规范和元素名称的命名规范相同示例:-- 注释内容 -->注释不能嵌套。
【XML基础】XML语言简介及简单例子
Fighting_hawk的博客
03-21 7567
1. 了解XML如何与HTML、CSS、JavaScript分工合作； 2. 了解XML树结构及元素、属性； 3. 了解XML语法注意事项。
XML 基础
忽觉夏长的博客
10-27 119
XML 简介 xml: 可扩展标记语言。 特性：1.xml具有平台无关性，是一门独立的标记语言。 2.xml具有自我描述性。 用途：1：网络数据传输。 2.数据存储。 3.配置文件。 XML 语法格式 * xml文档通常存储在.xml文件中。 XML文档声明 <? xml version ="1.0" endcoding ="UTF-8" ?&gt...
XML基础教程课后习题解答.pdf
07-14
在XML的基础教程中，我们通常会学习以下几个关键知识点： 1. **XML与HTML的区别**： - HTML提供了预定义的标记，用于展示网页的结构和内容，如`<p>`（段落）、`<img>`（图像）等。 - XML则允许用户根据需求创建...
XML基础及实践开发教程(唐琳-主编)习题答案.doc
07-21
XML 基础及实践开发教程习题答案 XML 基础及实践开发教程是学习 XML 的基础知识和实践开发的课程，本文档提供了习题答案，涵盖了 XML 的基础知识、DTD 声明、PI 声明、元素、注释、元素分类、DTD 的分类、属性类型...
如何使用 XML Schema
wjs2024的博客
11-14 594
XML Schema，也称为XSD（XML Schema Definition），是一种用于定义XML文档结构和内容的语言。它提供了一种强大的方式来描述XML文档中允许的元素、属性和数据类型。使用XML Schema，可以确保XML文档符合预定义的结构，这对于数据交换、数据验证和应用程序开发至关重要。
NotePad++中安装XML Tools插件
仰望星空，脚踏实地！安全感是自己给的，努力才是一辈子的安全感。
11-15 494
作为开发人员，日常开发中大部的数据是标准的json格式，但是对于一些古老的应用，例如webservice接口，由于其响应结果是xml，那么我们拿到xml格式的数据后，常常会对其进行格式化，以便阅读。。但是如果每次都把这些xml数据在在线工具中格式化后再往记事本中粘贴，势必会影响效率。那么有没有好的办法呢？当然有了！那就是在NotePad++中安装【XML Tools】插件，具体如何安装的，请看下文详细步骤！
【Pikachu】XML外部实体注入实战
梦里明明有六趣，觉后空空无大千
11-16 554
若天下不定，吾往；若世道不平，不回！
项目配置文件选择（Json,xml,Yaml, INI）
qq_43517257的博客
11-15 520
选择使用哪种类型的配置文件（如 JSON、XML 或其他格式）取决于多个因素，包括项目的需求、团队的熟悉程度、数据结构的复杂性以及可读性和可维护性等。- 简单配置：如果你的配置数据简单且不需要复杂的结构，使用 JSON 或 INI 文件是一个不错的选择。- 当需要一个易于阅读和维护的配置文件，且数据结构较复杂时，YAML 是一个很好的选择。- 可读性：如果可读性是首要考虑，YAML 是一个很好的选择，因为它的语法非常简洁。- 当配置数据非常简单，且不需要复杂的结构时，INI 文件是一个合适的选择。
通过覆盖原型属性拦截 XMLHttpRequest 响应
粉丝们务必加入微信粉丝群
11-15 597
在JavaScript中有两种发起HTTP请求的API - 现代的fetch()和传统的XMLHttpRequest。它们功能完全相同,只是语法不同。XMLHttpRequest使用回调处理响应,而fetch()返回更方便使用的Promise。XMLHttpRequest是发起HTTP请求的主流API。在新项目中使用传统的XMLHttpRequest是没有意义的。另一方面,将现有可运行的基于XML...
技术周总结 11.11~11.17 周日(Js JVM XML)
最新发布
xinkuaile的专栏
11-17 565
本地方法栈是JVM的一个重要组成部分，它使得Java应用程序能够调用非Java语言编写的代码，从而扩展了Java的应用范围和能力。然而，由于本地方法栈的使用涉及到跨语言编程，因此在使用时需要注意兼容性和安全性问题。
pom.xml和spring-config.xml
我的主页
11-14 434
Maven核心配置文件pom.xml和Spring配置文件spring-config.xml
xml去掉命名空间前缀n1
皮牙子快跑的博客
11-15 308
是 XML 命名空间的标准前缀，用于声明命名空间。它告诉解析器某个前缀对应的是哪个 URI。我们需要手动加上，在遍历写入属性时，判断一下改属性的namespaceUri。将属性和命名空间写入222.xml时，xmlns会增加前缀n1。此时QXmlStreamWriter会自动增加命名空间前缀n1。QXmlStreamWriter在读取。时，会同时读取属性和命名空间。对应命名空间前缀重复的。写入222.xml时。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值