zoukankan      html  css  js  c++  java
  • 【XML】 XML格式一些记录

    XML

      XML格式常用于网络通讯,本身不会有作为而是作为纯文本传输,可以说它是一种独立于应用和硬件的数据传输工具。虽然看起来XML比HTML要更加简单,也知道的更加晚一点,但是需要知道的是,XML才是更加通用的,层级比HTML更加低的。准确来说,HTML都只是XML的一种实现形式而已。所以HTML中很多我们熟知的方式方法都可以应用到XML格式中来。更多XML信息参考http://www.w3school.com.cn/xml/index.asp

    ■  XML树形结构

      和HTML类似的,XML也是个树形结构。其根节点之前一般会有一个总领全文的xml节点:<?xml version="1.0" encoding="utf-8"?>。来说明这个xml文件的版本信息和编码的格式。具体就不说了,反正和HTML一样的

    ■  XML语法

      基本语法和HTML也一样,就不多述了,主要讲一下和HTML不同的地方。

      1. XML不允许开放的标签结尾。在HTML中,我们可以有<p>some text这样的元素来表示一行,后面不接上</p>也ok。但是XML中不允许类似于此的开放式结尾的标签。如果XML要有单个标签也要在后面加上一个斜杠比如<tag attribute="value" />。

      2. XML的属性值必须加引号。HTML中属性的值可以不加引号,但是XML不行

      3. HTML中偶尔会见到没有正确按照层级嵌套的元素比如<b><i>text</b></i>,但是在XML中也不允许,层级嵌套的标签必须按照层级顺序一层一层完整地写出来。

      4. XML中特殊字符(主要是五个:<,>,&,',")的转义和HTML中的不一样,HTML中可以直接比如把&amp转义成&。但是XML中还要加上一个分号,&amp;才会转义成&。另外,HTML中有两种方式来表达转义比如&#34和&amp都表示&,但是XML中只能用后者。

      5. XML中的空格会被保留。HTML标签内部的空格,多个会被解释成一个,但是XML中会原原本本地保留出所有空格

      6. XML的标签是自定义的,且对大小写敏感。

      总体而言,XML的语法比HTML更加严格严谨一点,这主要是因为XML用于数据传输,要保证数据不受曲解损坏,而HTML的使命是显示相关内容,所以只要达到显示的目的就好,不用细究语法严格性。

    ■  用XSLT样式表显示XML文件

      XML文件和HTML一样,可以被大多数浏览器打开并浏览,但是没有任何样式表的XML文件就是白开水般的一个XML文件格式,如果加上样式表可以让XML比较漂亮的展示出来。这里用到的就是XSLT这种标记语言。XSLT之于XML相当于CSS之于HTML。

      具体的XSLT内容我还没看过:http://www.w3school.com.cn/xsl/index.asp

      这里写这一节主要是为了知道有这么个东西。。

    ■  XML和JS的互动

      XML作为一个文件,可以在JS中打开加载,然后变成一个XML对象,XML对象就和JS所在的HTML对象一样,可以设置,获取内容,遍历元素等等,具体操作不说了,可以参见xml dom教程(http://www.w3school.com.cn/xmldom/dom_loadxmldoc.asp)。这里简单提一下如何在JS中创建一个XML对象。一般的做法是,把解析加载XML文件的操作包装成一个函数,写在一个单独的.js文件中,再需要引用的页面引用即可。这个函数可以这么写:

    function loadXMLDoc(dname) 
    {
    try //Internet Explorer
      {
      xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
      }
    catch(e)
      {
      try //Firefox, Mozilla, Opera, etc.
        {
        xmlDoc=document.implementation.createDocument("","",null);
        }
      catch(e) {alert(e.message)}
      }
    try 
      {
      xmlDoc.async=false;
      xmlDoc.load(dname);
      return(xmlDoc);
      }
    catch(e) {alert(e.message)}
    return(null);
    }

      在引用时:

    <html>
    <head>
    <script type="text/javascript" src="loadxmldoc.js">
    </script>
    </head>
    <body>
    <script type="text/javascript">
    xmlDoc=loadXMLDoc("books.xml");
    document.write("xmlDoc is loaded, ready for use");
    </script>
    </body>
    </html>

      这里的books.xml是个url,指定一个待解析的XML文件。

      ●  关于XMLHttpRequest以及AJAX

      此外,现代的JS中大多都内置了XMLHttpRequest这个对象。XMLHttpRequest是个很神奇的东西,它可以让页面和后台的服务器可以有数据交换。一般做法是在JS中创建一个XMLHttpRequest对象,然后让它以一定方法(POST,GET)打开一个url,期间当然也可以设置一些参数,然后发送这个请求到后台,后台将返回相关请求的应答数据。如果在发送之前设置对象的onreadystatechange属性还可以为这个请求设置一个回调函数,即在收到后台反馈的应答之后再用这个函数做些什么事。

      下面是一个实例:

    <html>
    <head>
    <script type="text/javascript">
    var xmlhttp;
    function loadXMLDoc(url)
    {
    xmlhttp=null;
    if (window.XMLHttpRequest)
      {// code for IE7, Firefox, Opera, etc.
      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()
    {
    if (xmlhttp.readyState==4)
      {// 4 = "loaded"
      if (xmlhttp.status==200)
        {// 200 = "OK"
        document.getElementById('A1').innerHTML=xmlhttp.status;
        document.getElementById('A2').innerHTML=xmlhttp.statusText;
        document.getElementById('A3').innerHTML=xmlhttp.responseText;
        }
      else
        {
        alert("Problem retrieving XML data:" + xmlhttp.statusText);
        }
      }
    }
    </script>
    </head>
    
    <body>
    <h2>Using the HttpRequest Object</h2>
    
    <p><b>Status:</b>
    <span id="A1"></span>
    </p>
    
    <p><b>Status text:</b>
    <span id="A2"></span>
    </p>
    
    <p><b>Response:</b>
    <br /><span id="A3"></span>
    </p>
    
    <button onclick="loadXMLDoc('/example/xdom/note.xml')">Get XML</button>
    
    </body>
    </html>

      xmlhttp对象在open的时候如果是"POST"的话那么就需要在send中加上一个对象参数来代表POST的参数了。这个实例中,设置了请求的回调函数为state_Change,在这个函数中我们看到了其调用了xmlhttp对象的readyState属性,这个属性指示的就是这个请求的状态码。各个值的意义:0代表还未调用open,1代表还未调用send,2代表已经调用send,3代表下载响应未完成,4代表请求已经成功完成。通过对这个属性的判断我们可以知道这个请求是失败了还是成功了。更多的细节我不想在现在多讲,因为在JQ框架下有包装得更好的ajax方法,将来即使要用到肯定也不会像这个例子一样从这么底层的JS开始写起。。总之了解一下原理就好了吧。

      上面提到了AJAX(Asynchronous Javascript And XML:异步JS和XML)是这种通过XML和服务器后台进行即时的数据交换的方法较为笼统的叫法。其核心要义就是在不全部重载页面的情况下,通过和后台的数据交互实现刷新一部分的页面。更为强大的AJAX用法,被jQuery包装起来了,所以我认为真正用的时候可以turn to JQ的AJAX方法。

    ■  XML命名空间

      和HTML不同,XML中所有的标签名都是由用户定义的,这就会引起一个标签名冲突的问题,即两个标签名,逻辑上是想表达不同的东西但是用的标签名是一模一样的话解析器就混乱无法解析了。解决方案是为不同逻辑但同名的标签添加一些标识以区别,这个标识就是XML的命名空间。

      比如

    <table>
        <tr>
            <td>item</td>
        </tr>
    </table>
    和下面这段的table命名冲突
    <table>
        <name>Roundary Knight</name>
        <material>wood</material>
    </table>

      在加入命名空间之后:

    <h:table>
        <h:tr>
            <h:td>item</h:td>
        </h:tr>
    </h:table><f:table>
        <f:name>Roundary Knight</f:name>
        <f:material>wood</f:material>
    </f:table>

      两个table标签因为添加了前缀而变得不同。进一步的,可以在table这种具有子元素的标签中加上xmlns属性:

    <h:table xmlns:h="http://www.w3.org/TR/html4/"><f:table xmlns:f="http://www.w3school.com.cn/furniture">

      xmlns属性把一个命名空间前缀指向一个URL,因为URL在全网是唯一的,所以某种意义上也保证了命名空间的唯一性。事实上这个URL中的信息不会被解析器解析的,但是现行的很多方法就是把这个URL指向一个文件,which说明了相应命名空间中的一些标签信息。

  • 相关阅读:
    多个tomcat配置,解决冲突问题
    多态-重载和覆载
    静态成员、静态类和枚举
    重复使用类--继承和组合
    建立更可靠的OOP程序-类和成员的访问控制
    用ps画一个Gif的小房子(1)
    在h5页面上添加音乐播放
    使用Object类为实例定义方法和属性
    使用 prototype 定义方法和属性
    使用 this 关键字定义方法和属性
  • 原文地址:https://www.cnblogs.com/franknihao/p/6698921.html
Copyright © 2011-2022 走看看