深入理解XML的属性与数据组织-优快云博客

本文详细阐述了XML中属性的正确使用方法、数据与元数据的区别、以及如何通过XML元素和属性进行有效数据组织。同时，介绍了XML文档验证、CSS与XSLT在XML样式化上的应用，以及如何利用XMLHttpRequest进行后台数据交互。

XML 的属性值须加引号

与 HTML 类似，XML 也可拥有属性（名称/值的对）。
实体引用

在 XML 中，一些字符拥有特殊的意义。

如果你把字符 “<” 放在 XML 元素中，会发生错误，这是因为解析器会把它当作新元素的开始。
这样会产生 XML 错误：

<message>if salary < 1000 then</message>

为了避免这个错误，请用实体引用来代替 “<” 字符：

<message>if salary &lt; 1000 then</message>

在 XML 中，有 5 个预定义的实体引用：
< < 小于
> > 大于
& & 和号
' ’ 单引号
" ” 引号
注释：在 XML 中，只有字符 “<” 和 “&” 确实是非法的。大于号是合法的，但是用实体引用来代替它是一个好习惯。

1.注意点

在 XML 中，空格会被保留
HTML 会把多个连续的空格字符裁减（合并）为一个：
HTML: Hello my name is David.
输出: Hello my name is David.
在 XML 中，文档中的空格不会被删节。

2.注意点

XML 元素是可扩展的，扩展后不会中断程序运行
http://www.w3school.com.cn/xml/xml_elements.asp

3.注意点，关于添加属性

XML 属性必须加引号
属性值必须被引号包围，不过单引号和双引号均可使用。比如一个人的性别，person 标签可以这样写：

<person sex="female">

或者这样也可以：

<person sex='female'>

注释：如果属性值本身包含双引号，那么有必要使用单引号包围它，就像这个例子：

<gangster name='George "Shotgun" Ziegler'>

3.注意，尽量避免使用属性

应该尽量避免使用属性。如果信息感觉起来很像数据，那么请使用子元素吧。
避免 XML 属性？
因使用属性而引起的一些问题：
属性无法包含多重的值（元素可以）
属性无法描述树结构（元素可以）
属性不易扩展（为未来的变化）
属性难以阅读和维护
请尽量使用元素来描述数据。而仅仅使用属性来提供与数据无关的信息。
不要做这样的蠢事（这不是 XML 应该被使用的方式）：

使用属性：

<note day="08" month="08" year="2008"
to="George" from="John" heading="Reminder" 
body="Don't forget the meeting!">
</note>

使用元素：

<note>
<date>
  <day>08</day>
  <month>08</month>
  <year>2008</year>
</date>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

针对元数据的 XML 属性

有时候会向元素分配 ID 引用。这些 ID 索引可用于标识 XML 元素，它起作用的方式与 HTML 中 ID 属性是一样的。这个例子向我们演示了这种情况：

<messages>
  <note id="501">
    <to>George</to>
    <from>John</from>
    <heading>Reminder</heading>
    <body>Don't forget the meeting!</body>
  </note>
  <note id="502">
    <to>John</to>
    <from>George</from>
    <heading>Re: Reminder</heading>
    <body>I will not</body>
  </note> 
</messages>

上面的 ID 仅仅是一个标识符，用于标识不同的便签。它并不是便签数据的组成部分。
在此我们极力向您传递的理念是：元数据（有关数据的数据）应当存储为属性，而数据本身应当存储为元素。

4.验证 XML 文档的方法

合法的 XML 文档是“形式良好”的 XML 文档，同样遵守文档类型定义 (DTD) 的语法规则：

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE note SYSTEM "Note.dtd">
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

XML验证器使用地址

http://www.w3school.com.cn/xml/xml_validator.asp

1.知识点，CSS给XML添加样式的方法

使用 CSS 格式化 XML 不是常用的方法，更不能代表 XML 文档样式化的未来。W3C 推荐使用 XSLT。http://www.w3school.com.cn/xml/xml_display.asp

2.使用 XSLT 显示 XML

http://www.w3school.com.cn/xml/xml_xsl.asp

XMLHttpRequest 对象

什么是 XMLHttpRequest 对象？
XMLHttpRequest 对象用于在后台与服务器交换数据。
XMLHttpRequest 对象是开发者的梦想，因为您能够：
在不重新加载页面的情况下更新网页
在页面已加载后从服务器请求数据
在页面已加载后从服务器接收数据
在后台向服务器发送数据
http://www.w3school.com.cn/xml/xml_http.asp

理解点：XML 解析器

所有现代浏览器都内建了供读取和操作 XML 的 XML 解析器。
解析器把 XML 转换为 XML DOM 对象 - 可通过 JavaScript 操作的对象。

实例：加载并解析XML文件

<html>

<body>
<h1>W3School.com.cn Internal Note</h1>
<p>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</p>

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","/example/xmle/note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>

</body>
</html>

http://www.w3school.com.cn/xml/xml_parser.asp

XML DOM获取XML并获得元素内容

http://www.w3school.com.cn/xml/xml_dom.asp

注意：解析XML和浏览器种类有关

http://www.w3school.com.cn/xml/xml_dom.asp

获取并解析应用XML数据的具体实现

<html>
<body>

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
  {
  document.write("<tr><td>");
  document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
  document.write("</td></tr>");
  }
document.write("</table>");
</script>

</body>
</html>

例子解释：
检测浏览器，然后使用合适的解析器来加载 XML
创建一个 HTML 表格（<table border="1">）
使用 getElementsByTagName() 来获得所有 XML 的 CD 节点
针对每个 CD 节点，把 ARTIST 和 TITLE 中的数据显示为表格数据
用 </table> 结束表格

如何加载XML文档

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

在本代码执行后，xmlDoc 成为一个 XML DOM 对象，可由 JavaScript 访问。
。。。。。。http://www.w3school.com.cn/xml/xml_applications.asp

命名冲突解决

http://www.w3school.com.cn/xml/xml_namespaces.asp

XML CDATA

CDATA 部分由 “<![CDATA[" 开始，由 "]]>” 结束：

<script>
<![CDATA[
function matchwo(a,b)
{
if (a < b && a < 0) then
  {
  return 1;
  }
else
  {
  return 0;
  }
}
]]>
</script>

http://www.w3school.com.cn/xml/xml_cdata.asp

XML DOM 创建xml的基本天方法，操作xml元素

创建元素
createElement() 方法创建新的元素节点。
createTextNode() 方法创建新的文本节点。
appendChild() 方法向节点添加子节点（在最后一个子节点之后）。
如需创建带有文本内容的新元素，需要同时创建元素节点和文本节点。
下面的代码创建了一个元素 ()，然后把它添加到第一个元素中：
newel=xmlDoc.createElement(“edition”);
newtext=xmlDoc.createTextNode(“First”);
newel.appendChild(newtext);

x=xmlDoc.getElementsByTagName(“book”);
x[0].appendChild(newel);
例子解释：
创建元素
创建值为 “First” 的文本节点
把这个文本节点追加到元素
把元素追加到第一个元素
http://www.w3school.com.cn/xml/xml_dom_advanced.asp