18/12/2013 11:50:59 AM

Bài viết sưu tầm

Bài 03 Tổng quan về công nghệ Ajax - XML và cơ chế bất đồng bộ

1.4. XML và việc truyền dữ liệu bất đồng bộ

1.4.1. Giới thiệu về XML và XSLT

1.4.1.1 XML là gì?

Năm 1969, IBM đã cho ra đời GML là ngôn ngữ dùng để đặc tả cho ngôn ngữ khác. Về sau GML phát triển thành SGML là chuẩn lưu trữ và chuyển đổi dữ liệu. Nhưng quá phức tạp và tiêu tốn nhiều công sức trong việc hiện thực. XML ra đời kết hợp được sức mạnh của SGML và tính phổ dụng của HTML.

1.4.1.2 Các đặc điểm của XML

-         XML tương thích với SGML

-         Dễ dàng Viết được những chương trình xử lý tài liệu XML

-         Tài liệu XML dễ đọc và có tính hợp lý cao

-         XML được xây dựng với sự giảm thiểu những thuộc tính tùy chọn

-         XML dễ dàng được sử dụng trên Internet

-         XML hỗ trợ nhiều ứng dụng

-         Không đặt nặng tính hình thức trong nội dung thẻ đánh dấu XML

1.4.1.3 Cấu trúc một tài liệu XML

Một tài liệu XML sẽ chứa những đặc tả về cấu trúc dữ liệu. Mỗi cấu trúc gồm nhiều phần tử (element), mỗi thành phần được bắt đầu với một thẻ bắt đầu (Start–tag) và kết thúc với một thẻ kết thúc (End–tag). Giữa Start–tag và End–tag là nội dung của phần tử này. Nội dung có thể bao gồm dữ liệu văn bản hay có thể là một phần tử khác.

Dưới đây là một file XML:

<?xml version="1.0"?>

<Catalog>

<Product>

<ProductID>F10</ProductID>

<ProductName>Shimano Calcutta </ProductName>

<ListPrice>47.76</ListPrice>

</Product>

<Product>

<ProductID>F20</ProductID>

<ProductName>Bantam Lexica</ProductName>

<ListPrice>49.99</ListPrice>

</Product>

</Catalog>

1.4.1.4 XSLT - (eXtensible Style Language Transforming)

            XSLT là một phần của XSL (eXtensible Style Language). XSL là một ngôn ngữ nền tảng XML và ra đời với mục đích chuyển đổi một tài liệu XML thành một tài liệu XML khác hay chuyển một tài liệu XML thành những đối tượng có thể thể hiện được.

1.4.2  XMLHttpRequest

            Các ứng dụng web truyền thống đều phải tái nạp toàn bộ trang web khi gửi yêu cầu đến server, điều này thường dẫn đến một sự ngắt quãng cho công việc của người dùng. Vì thế yêu cầu đặt ra là làm cho các request của server không đồng bộ và người dùng vẫn có thể làm việc trong khi đợi tín hiệu trả lời từ server. XMLHttpRequest đã được đưa ra như là một giải pháp mạnh mẽ và hiệu quả.

1.4.2.1 XmlDocument và XMLHttpRequest

Các đối tượng XmlDocument và XMLHttpRequest không phải là các chuẩn DOM mở rộng của trình duyệt web nhưng vẫn được hỗ trợ bởi rất nhiều trình duyệt. Các đối tượng đều dựa trên ActiveX hay các đối tượng JavaScript. Các trình duyệt khác đều có thực thi các đối tượng trên có các chức năng tương đương và các lời gọi hàm API.

Ví dụ: Sử dụng XmlDocument.

function getXMLDocument(){

var xDoc=null;

if(document.implementation&&document.implementation.

createDocument){

xDoc=document.implementation.createDocument("","",null);

}else if (typeof ActiveXObject != "undefined"){

var msXmlAx==null;

try{

msXmlAx=new ActiveXObject("Msxml2.DOMDocument");

}catch (e){

msXmlAx=new ActiveXObject("Msxml.DOMDocument");

}

xDoc=msXmlAx;

}

if (xDoc==null || typeof xDoc.load=="undefined"){

xDoc=null;

}

return xDoc;

} 

Ví dụ: Sử dụng XMLHttpRequest

function getXMLHTTPRequest() {

var xRequest=null;

if (window.XMLHttpRequest) {

xRequest=new XMLHttpRequest();

}else if (typeof ActiveXObject != "undefined"){

xRequest=new ActiveXObject("Microsoft.XMLHTTP");

}

return xRequest; }

1.4.2.2 Gửi một yêu cầu đến server

            Gửi một yêu cầu đến server từ một đối tượng XMLHttpRequest rất dễ dàng. Tất cả những việc ta cần làm là truyền cho nó địa chỉ URL của server.

function sendRequest(url,params,HttpMethod){

if (!HttpMethod){

HttpMethod="POST";

}

var req=getXMLHTTPRequest();

if (req){

req.open(HttpMethod,url,true);

req.setRequestHeader("Content-Type","application/

x-www-form urlencoded");

req.send(params);

}

} 

 

XMLHttpRequest hỗ trợ một miền rất rộng các lời gọi HTTP, gồm các tham số truy vấn cho các trang web động.

1.4.2.3 Dùng các hàm callback để giám sát các yêu cầu

Các hàm callback đón bắt các sự kiện trong cách tiếp cận lập trình hướng sự kiện trong hầu hết các bộ công cụ UI. Khi tạo các giao diện người dùng UI bằng JavaScript, ta gán các hàm onkeypress, onmouseover, và đặt tên tương tự cho các thuộc tính tương đương cho các đối tượng.

1.5. Lập trình bằng JavaScript phía client:

JavaScript là một ngôn ngữ lập trình đa năng, nó là một ngôn ngữ có kiểu tự do, thông dịch, ngôn ngữ kịch bản đa năng. Kiểu tự do nghĩa là các biến không được khai báo cụ thể và các biến giống nhau có thể được gán bới các kiểu khác nhau. Thông dịch nghĩa là các mã nguồn không được biên dịch thành các đoạn mã nhị phân có thể thực thi được, và nó được thực thi trực tiếp, cụ thể là qua các trình duyệt. Đa năng nghĩa là ngôn ngữ này thích hợp để lập trình theo hầu hết các thuật toán và các tác vụ. Trong môi trường trình duyệt web, các chức năng cơ bản của trình duyệt, gồm CSS, DOM, và các đối tượng XMLHttpRequest, được coi là các phương tiện của JavaScript, cho phép các nhà phát triển điều khiển các trang ở các mức độ khác nhau.

» Tin mới nhất:

» Các tin khác:

Hôm nay, ngày

20/02/2026

Tuần học:

29

Sinh viên tiêu biểu

Số lượt truy cập: 11127801