コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > バックエンド開発 > XML/RSS チュートリアル > 本文

クレイジーXML学習記(6) -----------XML展開

黄舟
リリース： 2017-02-21 14:33:47
オリジナル
1642 人が閲覧しました

XML の基本的な知識と形式要件についてはここでは説明しません

以下は XML の基本の概要です

最初の紹介

http://www.php.cn/

基本

http://www.php.cn/

以下は、XML 属性と検証を含む XML の拡張です


XML 要素は次のとおりです。開始タグ内 HTML と同様の属性が含まれます。

属性は、要素に関する追加情報を提供します。

XML 属性

HTML から、 を思い出してください。 「src」属性は、 要素に関する追加情報を提供します。

HTML (および XML) では、属性は要素に関する追加情報を提供します。 

<img src="computer.gif">
<a href="demo.asp">
ログイン後にコピー

属性は、データの一部ではない情報を提供することがよくあります。次の例では、ファイル タイプはデータとは関係ありませんが、この要素を処理する必要があるソフトウェアにとっては重要です: 

<file type="gif">computer.gif</file>
ログイン後にコピー

XML 属性は引用符で囲む必要があります

属性値は囲む必要があります引用符で囲みますが、一重引用符と二重引用符も使用できます。たとえば、人の性別である人物タグは次のように書くことができます: 

<person sex="female">
ログイン後にコピー

または次のように書くこともできます: 

<person sex=&#39;female&#39;>
ログイン後にコピー

注: 属性値自体に二重引用符が含まれている場合は、一重引用符で囲む必要があります。この例のように: 

<gangster name=&#39;George "Shotgun" Ziegler&#39;>
ログイン後にコピー

または、エンティティ参照を使用することもできます: 

<gangster name="George &quot;Shotgun&quot; Ziegler">
ログイン後にコピー

XML 要素と属性

これらの例を見てください: 

<person sex="female">
  Anna
  Smith
 


  female
  Anna
  Smith
ログイン後にコピー

最初の例では、性別は属性です。 2 番目の例では、性別が子要素です。どちらの例でも同じ情報が提供されます。

いつ属性を使用するか、いつ子要素を使用するかを指示するルールはありません。私の経験では、HTML では属性を使用すると便利ですが、XML では属性の使用を避ける必要があります。情報がデータによく似ている場合は、子要素を使用します。

私のお気に入りの方法

次の 3 つの XML ドキュメントには、まったく同じ情報が含まれています:

最初の例は、日付属性を使用します: 

<note date="08/08/2008">
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don&#39;t forget the meeting!</body>
</note>
ログイン後にコピー

2 番目の例は、日付要素を使用します: 

<note>
<date>08/08/2008</date>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don&#39;t forget the meeting!</body>
</note>
ログイン後にコピー

3 番目の例は、を使用します拡張日付要素 (これが私のお気に入りです): 

<note>
<date>
  <day>08</day>
  <month>08</month>
  <year>2008</year>
</date>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don&#39;t forget the meeting!</body>
</note>
ログイン後にコピー

XML 属性を避けますか?

属性の使用によって引き起こされるいくつかの問題:

  • 属性には複数の値を含めることはできない(要素は可能)

  • 属性はツリー構造を記述することができない(要素は可能)

  • 属性は展開するのが簡単ではない(将来の変更に備えて)

  • 属性の読み取りと保守は困難です

データを記述するには要素を使用するようにしてください。代わりに、属性を使用してデータに依存しない情報を提供します。

次のような愚かなことはしないでください (これは XML の使用方法ではありません): 

<note day="08" month="08" year="2008"
to="George" from="John" heading="Reminder" 
body="Don&#39;t forget the meeting!">
</note>
ログイン後にコピー

メタデータの XML 属性

場合によっては、ID 参照が要素に割り当てられます。これらの ID インデックスは、HTML の ID 属性と同じ方法で XML 要素を識別するために使用できます。この例はこれを示しています: 

<messages>
  <note id="501">
    <to>George</to>
    <from>John</from>
    <heading>Reminder</heading>
    <body>Don&#39;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 は単なる識別子であり、さまざまなノートを識別するために使用されます。ノートデータの一部ではありません。

ここで私たちが伝えようとしている考え方は、メタデータ (データに関するデータ) は属性として保存され、データ自体は要素として保存されるべきであるということです。 XMLの検証

DTD に対して検証された XML は「有効な」XML です。

整形式の XML ドキュメント

「整形式」の XML ドキュメントには、正しい構文があります。


「整形式」の XML ドキュメントは、前の章で紹介した XML 構文規則に従います。

XML ドキュメントにはルート要素が必要です

XML ドキュメントには終了タグが必要です

XMLタグペア 大文字と小文字は区別されます

XML 要素は正しくネストされている必要があります

XML 属性は引用符で囲まれている必要があります 

  • <?xml version="1.0" encoding="ISO-8859-1"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don&#39;t forget the meeting!</body>
</note>
    ログイン後にコピー

    • 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&#39;t forget the meeting!</body>
</note>
    ログイン後にコピー

    上の例では、DOCTYPE 宣言は外部 DTD ファイルへの参照です。次の段落では、このファイルの内容を示します。

  • XML DTD

  • DTD の役割は、XML ドキュメントの構造を定義することです。一連の法的要素を使用して文書構造を定義します: 

    <!DOCTYPE note [
  <!ELEMENT note (to,from,heading,body)>
  <!ELEMENT to      (#PCDATA)>
  <!ELEMENT from    (#PCDATA)>
  <!ELEMENT heading (#PCDATA)>
  <!ELEMENT body    (#PCDATA)>
]>
    ログイン後にコピー

DTD に関する概要:

http://www.php.cn/

XML Schema

<xs:element name="note">

<xs:complexType>
  <xs:sequence>
    <xs:element name="to"      type="xs:string"/>
    <xs:element name="from"    type="xs:string"/>
    <xs:element name="heading" type="xs:string"/>
    <xs:element name="body"    type="xs:string"/>
  </xs:sequence>
</xs:complexType>

</xs:element>
ログイン後にコピー

ユニバーサルバリデーター

XML 错误会终止您的程序

XML 文档中的错误会终止你的 XML 程序。

W3C 的 XML 规范声明：如果 XML 文档存在错误，那么程序就不应当继续处理这个文档。理由是，XML 软件应当轻巧，快速，具有良好的兼容性。

如果使用 HTML，创建包含大量错误的文档是有可能的（比如你忘记了结束标签）。其中一个主要的原因是 HTML 浏览器相当臃肿，兼容性也很差，并且它们有自己的方式来确定当发现错误时文档应该显示为什么样子。

使用 XML 时，这种情况不应当存在。

对您的 XML 进行语法检查 - 仅用于 IE 浏览器

为了帮助您对 XML 进行语法检查，我们创建了一个 XML 验证器。

把您的 XML 粘贴到下面的文本框中，然后点击"验证"按钮来进行语法检查。

根据 DTD 来验证 XML

只要把 DOCTYPE 声明添加到您的 XML 中，然后点击验证按钮即可：

注释：只有在 Internet Explorer 中，可以根据 DTD 来验证 XML。Firefox, Mozilla, Netscape 以及 Opera 做不到这一点。

如何将XML显示在Html上：

实例

  • 从 XML 文件中加载数据，然后把数据显示为一个 HTML 表格

在 HTML 中显示数据

在上一节中，我们讲解了如何通过 JavaScript 来解析 XML 并访问 DOM。

本例遍历一个 XML 文件 (cd_catalog.xml)，然后把每个 CD 元素显示为一个 HTML 表格行：

<html>
<body>

<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{// code for IExmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{// code for Mozilla, Firefox, Opera, etc.xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert(&#39;Your browser cannot handle this script&#39;);
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("cd_catalog.xml");

document.write("<table border=&#39;1&#39;>");

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

document.write("<td>");
document.write(
x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
}
</script>

</body>
</html>
ログイン後にコピー

例子解释：

  1. 检测浏览器，然后使用合适的解析器来加载 XML

  2. 创建一个 HTML 表格（

    ）

  3. 使用 getElementsByTagName() 来获得所有 XML 的 CD 节点

  4. 针对每个 CD 节点，把 ARTIST 和 TITLE 中的数据显示为表格数据

  5. 用

    6. 结束表格

XMLHttpRequest

什么是 XMLHttpRequest 对象？

XMLHttpRequest 对象是开发者的梦想，因为您能够：

  • 在不重新加载页面的情况下更新网页

  • 在页面已加载后从服务器请求数据

  • 在页面已加载后从服务器接收数据

  • 在后台向服务器发送数据

所有现代的浏览器都支持 XMLHttpRequest 对象。

实例：当键入文本时与服务器进行 XML HTTP 通信。

创建 XMLHttpRequest 对象

通过一行简单的 JavaScript 代码，我们就可以创建 XMLHttpRequest 对象。

在所有现代浏览器中（包括 IE 7）：

xmlhttp=new XMLHttpRequest()
ログイン後にコピー

在 Internet Explorer 5 和 6 中：

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
ログイン後にコピー

实例

ログイン後にコピー

TIY

注释：onreadystatechange 是一个事件句柄。它的值 (state_Change) 是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时，我们才执行代码。

为什么使用 Async=true ？

我们的实例在 open() 的第三个参数中使用了 "true"。

该参数规定请求是否异步处理。

True 表示脚本会在 send() 方法之后继续执行，而不等待来自服务器的响应。

onreadystatechange 事件使代码复杂化了。但是这是在没有得到服务器响应的情况下，防止代码停止的最安全的方法。

通过把该参数设置为 "false"，可以省去额外的 onreadystatechange 代码。如果在请求失败时是否执行其余的代码无关紧要，那么可以使用这个参数。

XML实例：

XML 文档实例

请看下面这个 XML 文档 ( "cd_catalog.xml" )，它描述了一个 CD 目录：

<?xml version="1.0" encoding="ISO-8859-1"?>
<CATALOG>
  <CD>
    <TITLE>Empire Burlesque</TITLE>
    <ARTIST>Bob Dylan</ARTIST>
    <COUNTRY>USA</COUNTRY>
    <COMPANY>Columbia</COMPANY>
    <PRICE>10.90</PRICE>
    <YEAR>1985</YEAR>
  </CD>
.
.
... more ...
.
ログイン後にコピー

加载 XML 文档

为了加载 XML 文档 (cd_catalog.xml)，我们使用了与 XML 解析器那一节中相同的代码：

var xmlDoc;
if (window.ActiveXObject)
  {  // code for IE
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
else if (document.implementation.createDocument)
  {  // code for Firefox, Mozilla, Opera, etc.
  xmlDoc=document.implementation.createDocument("","",null);
  }
else
  {
  alert(&#39;Your browser cannot handle this script&#39;);
  }
xmlDoc.async=false;
xmlDoc.load("cd_catalog.xml");
ログイン後にコピー

在本代码执行后，xmlDoc 成为一个 XML DOM 对象，可由 JavaScript 访问。

把 XML 数据显示为 HTML 表格

以下代码使用来自 XML DOM 对象的数据来填充一个 HTML 表格：

document.write("<table border=&#39;1&#39;>");

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

document.write("<td>");
document.write(
x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
ログイン後にコピー

针对 XML 文档中的每个 CD 元素，会创建一个表格行。每个表格行包含两个表格数据单元，其中的数据来自当前 CD 元素的 ARTIST 和 TITLE。

在任意 HTML 元素中显示 XML 数据

XML 数据可以拷贝到任何有能力显示文本的 HTML 元素。

下面的代码为 HTML 文件的 部分。这段代码从第一个 元素中获得 XML 数据，然后在 id="show" 的 HTML 元素中显示数据：

var x=xmlDoc.getElementsByTagName("CD");
i=0;

function display()
{
artist=
(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
title=
(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
year=
(x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue);

txt="Artist: "+artist+"<br />Title: "+title+"<br />Year: "+year;

document.getElementById("show").innerHTML=txt;
}
ログイン後にコピー

HTML 的 body 元素包含一个 onload 事件属性，它的作用是在页面已经加载时调用 display() 函数。body 元素中还包含了供接受 XML 数据的

元素。

<p id=&#39;show&#39;></p>

</body>
ログイン後にコピー

通过上例，你只能看到来自 XML 文档中第一个 CD 元素中的数据。为了导航到数据的下一行，必须添加更多的代码。

添加导航脚本

为了向上例添加导航（功能），需要创建 next() 和 previous() 两个函数：

function next()
{
if (i<x.length-1)
  {
  i++;
  display();
  }
}

function previous()
{
if (i>0)
  {
  i--;
  display();
  }
}
ログイン後にコピー

next() 函数确保已到达最后一个 CD 元素后不显示任何东西，previous () 函数确保已到达第一个 CD 元素后不显示任何东西。

通过点击 next/previous 按钮来调用 next() 和 previous() 函数：

<input type="button" onclick="previous()" value="previous" />
<input type="button" onclick="next()" value="next" />
ログイン後にコピー

 

以上就是疯狂XML学习笔记（6）-----------XML拓展的内容，更多相关内容请关注PHP中文网（www.php.cn）！

 

 

関連ラベル：
XML，学习笔记，XML拓展
ソース：php.cn
前の記事：めちゃくちゃXML勉強記(5) -----------XML DOM 次の記事：クレイジーXML学習記(7) -----------XMLスキーマ
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1982
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2144
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1806
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1704
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1716
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート