Bài giảng Lập trình hướng đối tượng - XML DOM có cấu trúc gồm 4 phần cung cấp cho người học các nội dung: Tính chất và đặc điểm, DOM node tree và node types, XML DOM và Javascript, XML In Server. Mời các bạn cùng tham khảo nội dung chi tiết.
AMBIENT/
Chủ đề:
Nội dung Text: Bài giảng Lập trình hướng đối tượng - XML DOM
- XML DOM
1
- Nội dung
Tính chất và đặc điểm
DOM node tree và node types
XML DOM và Javascript
XML In Server
2
27.01.2013
- Nền tảng
DOM (Document Object Model) là một dạng
chuẩn được định nghĩa bởi W3C, chỉ như
XML
DOM không được thiết kế đặc trưng cho
Java (không như SAX)
DOM là cross-platform và cross-language
Dùng OMG `s IDL để định nghĩa những giao diện
IDL là ngôn ngữ nối kết
3
27.01.2013
- Đặc điểm của DOM
Truy xuất tài liệu XML như một cấu trúc cây
Hình thành hầu hết là những nút thành phần và
những nút văn bản
Có thể “walk“ trong cây từ trước ra sau
Cần bộ nhớ lớn
Dùng nó để walking và modifying cây
4
27.01.2013
- Đặc điểm của DOM
5
27.01.2013
- Dom trong Action
6
27.01.2013
- DOM cây và nút
Tài liệu XML được hiển thị như một cây
Cây được tạo thành từ nút. Nút trên cùng gọi là
nút gốc (root).
Mỗi nút (ngoại trừ nút gốc) có 1 nút cha ( parent
node). Một nút cha có thể có nhiều nút con
(children node).
Nút lá là nút không có nút con.
Siblings là những nút có cùng nút cha
7
27.01.2013
- DOM cây và nút
Ví Dụ: Xác định các loại nút:
Everyday
Italian
Giada De
Laurentiis
2005
30.00
8
27.01.2013
- Loại nút
Có 12 loại kiểu nút khác nhau
Document node
Document Fragment node
Element node
Attribute node
Text node
Comment node
Processing instruction node
Document type node
Entity node
Entity reference node
CDATA section node
Notation node
9
27.01.2013
- DOM cây phân cấp
Một document node chứa
Một element node (nút thành phần gốc)
Một hay nhiều processing instruction node
Một element node có thể chứa
Những element node khác
Một hay nhiều text node
Một hay nhiều attribute node
Một attribute node có thể chứa
Một text node
10
27.01.2013
- Ví dụ XML Document
11
27.01.2013
- Ví dụ DOM cây
XML Document node
Element node “people“
Element node “person“
Element node “name“
Element node “first_name“
text node “Alan“
Element node “last_name“
text node “Turing“
Element node “profession“
Text node “computer scientist“
Attribute node “born“
Text node “1912“
12
27.01.2013
- LÀM VIỆC VỚI DOM
XML Parser
XML parser đọc XML, và chuyển nó thành đối
tượng XML mà có thể truy xuất với JavaScript.
13
27.01.2013
- DOM Và JAVASCRIPT
1- Kỹ thuật client: thỏa mãn IE và FF
var xmlDoc;
function load () {
//for IE7
if (window.ActiveXObject) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.load("places.xml");
var xmlObj = xmlDoc.documentElement;
Show (xmlDoc); }
//for FF
else if (document.implementation &&
document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument("","",null) ;
xmlDoc.onload = function (evt) {Show (xmlDoc);};
xmlDoc.load("places.xml");}
}
14
- DOM Và JAVASCRIPT
2- Kỹ thuật Server: thỏa mãn các trình duyệt
với yêu cầu: tệp XML và JS đặt ở Server
function loadXMLDoc(dname){
if (window.XMLHttpRequest)
{ xhttp=new XMLHttpRequest(); }
else
{xhttp=new ActiveXObject("Microsoft.XMLHTTP");}
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}
Kỹ thuật chính là sử dụng đối tượng XMLHttpRequest
15
- DOM Và JAVASCRIPT
An External JavaScript for loadXMLDoc()
The file is called "loadxmldoc.js", and will be loaded in the head
section of an HTML page. Then, the loadXMLDoc() function can be
called from a script in the page.
The following example uses the loadXMLDoc() function to load
books.xml:
xmlDoc=loadXMLDoc("books.xml");
code goes here.....
16
- DOM Và JAVASCRIPT
The loadXMLString() Function
To make the code from the previous page simpler to
maintain (and check for older browsers).
function loadXMLString(txt)
{
if (window.DOMParser)
{ parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{ xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
return xmlDoc;
}
17
- DOM Và JAVASCRIPT
An External JavaScript for loadXMLString()
We have stored the loadXMLString() function in a file called
"loadxmlstring.js".
text=""
text=text+"";
text=text+"Everyday Italian";
text=text+"Giada De Laurentiis";
text=text+"2005";
text=text+"";
text=text+"";
xmlDoc=loadXMLString(text);
code goes here.....
18
- Ví dụ : tệp books.xml và LoadXMM.htm với
hàm Javascript đặt ở Server
Books.xml
Everyday Italian
Giada De Laurentiis
2005
30.00
19
- Ví dụ : tệp books.xml và LoadXMM.htm với hàm
Javascript đặt ở Server
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
else // IE 5/6
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET","books.xml",false);
xhttp.send();
xmlDoc=xhttp.responseXML;
20
Thêm vào BST
Báo xấu
Download
Vui lòng tải xuống để xem tài liệu đầy đủ
