/***======= Chapter 2: The XML Document Object Model =============*/
第二章: xml物件模型
xml文件操作代碼如下:
test.xml示例文件代碼如下:
驗證xml文件是否是Well-Formed,還有另外一種方法,采用java驗證法,下面是驗證所需用到的java類,如果沒有拋出錯誤,就說明xml文件是Well-Formed的:
下面有提供代碼壓縮包,可直接下載!
/***====================== Chapter 2: end =======================*/
第二章: xml物件模型
xml文件操作代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> XML DOM Examples </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Jackter">
<META NAME="Keywords" CONTENT="XML">
<META NAME="Description" CONTENT="XML DOM Examples">
</HEAD>
<BODY>
<script language="JavaScript">
/**
* xml取元素document,node,element類
* 前提是這個文件是Well-Formed XML Document(組織良好的xml文件)
* 否則會出現js錯誤
*/
function getxmlDocumentClass()
{
var xmlDox ;
//創建xml對象
xmlDox = new ActiveXObject("Microsoft.XMLDOM");
//加載已有的xml文件
xmlDox.load("test.xml");
//取第一個根元素
var root = xmlDox.documentElement.childNodes.item(0);
//取標簽名
document.writeln("xmlRoot : "+ root.tagName + "<br>");
//將xml文件根元素下所有子元素按層級羅列出來
for ( i = 0 ; i < root.childNodes.length; i++ )
{
document.writeln(" Parent "+ i + " : " + root.childNodes.item(i).tagName +"<br>");
child = root.childNodes.item(i);
for ( j = 0; j < child.childNodes.length ; j++ )
{
document.writeln(" Child "+ j + " : " +child.childNodes.item(j).tagName + " : " + child.childNodes.item(j).text +"<br>" );
}
}
document.write(" <a href='XMLDom.html'>Back</a>");
}
/**
* 判斷xml文件出錯的准確位置與原因
* XML Dom 的parseError Class(此方法屬性僅適用於IE瀏覽器)
*/
function xmlParseErrorClass( )
{
//創建xml對象
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
//關閉異步方式
xmlDoc.async = false;
//加載已有文件
xmlDoc.load("test.xml");
//列印xml文件的內容
document.writeln(xmlDoc.xml+"<BR>");
//如果有錯誤
if ( xmlDoc.parseError.errorCode != 0 )
{
document.writeln("FilePath : " + xmlDoc.parseError.url + "<BR><BR>");
document.writeln("Error No : " + xmlDoc.parseError.errorCode + " occured on line : " + xmlDoc.parseError.line + " , position " + xmlDoc.parseError.linepos + "<BR><BR>");
//document.writeln(" Error position in file : " + xmlDoc.parseError.filepos + "<BR><BR>");
document.writeln("Error reason : " + xmlDoc.parseError.reason + "<BR><BR>");
document.writeln("Error Position Code : " + xmlDoc.parseError.srcText + "<BR><BR>");
}
//如果沒有錯誤
else
{
document.writeln("<BR><font color='red'>Congratulation! XML Document is Well-Formed!</font><B><BR>");
}
document.write(" <a href='XMLDom.html'>Back</a>");
}
/**
* XML的HTTP伺服器操作方式
* 此方法是Ajax技術的核心
*/
function getXMLHttpRequest()
{
var url = "http://www.163.com/";
var xmlHTTP = new ActiveXObject("Microsoft.xmlHTTP");
/* xmlHTTP.open("method","url",async,"username","password")
* method: 表示頁面傳送方式,有兩種(get,post)
* async : 表示是否采用異步方式 (true:異步 false:同步),一般采用異步方式
*/
xmlHTTP.open("get", url, true);
//伺服器狀態改變時觸發
xmlHTTP.onreadystatechange = function()
{
//伺服器處在備妥狀態
// readyState(0:正在初始化, 1:加載中 2:加載完成 3:數據交換中 4:備妥)
if ( xmlHTTP.readyState == 4 )
{
//請求成功
if ( xmlHTTP.status == 200 )
{
document.writeln("Your Request for url:" + url + " is OK");
}
//給定的url地址找不到
else if ( xmlHTTP.status == 404 )
{
document.writeln( "Your Request for url:" + url + " Not Found! ");
}
//其它
else
{
document.writeln(xmlHTTP.status + " : " +xmlHTTP.statusText);
}
}
}
//發送請求至伺服器
xmlHTTP.send();
document.write(" <a href='XMLDom.html'>Back</a>");
}
</script>
<form>
<input type=button value="getXMLText" onClick="getxmlDocumentClass()">
<input type=button value="getXMLerror" onClick="xmlParseErrorClass()">
<input type=button value="XMLhttpRequest" onClick="getXMLHttpRequest()">
</form>
</BODY>
</HTML>
test.xml示例文件代碼如下:
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<!--外部DTD用法 -->
<!--
<!DOCTYPE root SYSTEM "test-dtd.dtd" >
-->
<!-- 內部DTD用法 -->
<!DOCTYPE root [<!ELEMENT root (countrys)*>
<!ELEMENT countrys (country)*>
<!ELEMENT country (name,population,landsurface,position,language)>
<!ELEMENT name (#PCDATA)>
<!ATTLIST name key CDATA "cn" value CDATA "china">
<!ELEMENT population (#PCDATA)>
<!ELEMENT landsurface (#PCDATA)>
<!ELEMENT position (#PCDATA)>
<!ELEMENT language (#PCDATA)> ]>
<root>
<countrys>
<country>
<name key="cn" value="china">china</name>
<population>1.3 billion</population>
<landsurface>9.60 million square kilometres</landsurface>
<position>Asia</position>
<language>Chinese</language>
</country>
<country>
<name key="en" value="english">England</name>
<population>1.6 billion</population>
<landsurface>8.12 million square kilometres</landsurface>
<position>Asia</position>
<language>English</language>
</country>
</countrys>
</root>
驗證xml文件是否是Well-Formed,還有另外一種方法,采用java驗證法,下面是驗證所需用到的java類,如果沒有拋出錯誤,就說明xml文件是Well-Formed的:
package com.jackter.DtdValidate;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import org.xml.sax.InputSource;
public class DtdValidate
{
/**
* 用於驗證xml文件是否遵守既有的DTD文件
* @param args
*/
public static void main ( String[] args )
{
String xmlfile_name = "test.xml";
try
{
// new 文件工程
DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance();
// 開啟驗證
dbf.setValidating(true);
// new 文件
DocumentBuilder builder = null;
builder = dbf.newDocumentBuilder();
//轉換
builder.parse(new InputSource(xmlfile_name));
}
//例外
catch ( Exception e )
{
e.printStackTrace();
}
}
}
下面有提供代碼壓縮包,可直接下載!
/***====================== Chapter 2: end =======================*/