Mục Lục

CHƯƠNG I: Tổng quan về AJAX 4

I.1 Quá trình phát triển các công nghệ trong ứng dụng Web 4

I.1.1 CGI 4

I.1.2 Applet 4

I.1.3 JavaScript 4

I.1.4 JSP/Servlet, ASP và PHP 4

I.1.5 Flash 4

I.1.6 DHTML 5

I.1.7 XML 5

I.2 Web 2.0 và công nghệ AJAX 5

I.2.1 Công nghệ Web thế hệ thứ hai – Web 2.0 5

I.2.2 Các vấn đề nảy sinh và sự ra đời của AJAX 6

I.2.3 AJAX là gì ? 6

I.2.4 Các thế mạnh của AJAX 6

CHƯƠNG II: Các công nghệ trong AJAX 9

II.1 Cascading Style Sheet – CSS 9

II.1.1 Giới thiệu về CSS 9

II.1.2 Các ưu điểm của CSS trong thiết kế web 9

II.1.3 Cú pháp cơ bản của CSS 10

II.1.4 Các thuộc tính của CSS Style 10

II.2 Document Object Model – DOM 10

II.2.1 Làm việc với DOM bằng JavaScript 10

II.2.2 Tìm kiếm một DOM Node 10

II.2.3 Tạo DOM Node 10

II.2.4 Thêm style vào tài liệu 11

II.2.5 Sử dụng thuộc tính innnerHTML 11

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

II.3.1 Giới thiệu về XML và XSLT 11

II.3.2 XMLHttpRequest 12

II.4 Lập trình bằng JavaScript phía client 12

CHƯƠNG III: Đối tượng XMLHttpRequest 14

III.1 Giới thiệu về XMLHttpRequest 14

III.2 Phân tích các đặc tính của XMLHttpRequest 14

III.2.1 Các phương thức và thuộc tính 14

III.2.2 Sự tương tác 14

III.2.3 Các phương thức GET và POST 15

III.3 Remote Scripting 15

III.3.1 Tổng quan về Remote Scripting 16

III.4 Gửi các request 16

III.5 DOM Level 3 và DOM 16

III.5.1 DOM Level 3 16

III.5.2 DOM 16

III.6 Kết luận 16

CHƯƠNG IV: Gửi các request và xử lý response 17

IV.1 Giao thức HTTP 17

IV.1.1 Cấu trúc của HTTP Message 17

IV.1.2 Header Field 18

IV.1.3 Status Code 18

IV.2 Xử lí các response của server 18

IV.2.1 Dùng thuộc tính innerHTML để tạo nội dung động 18

IV.2.2 Phân tách response theo chuẩn XML 18

IV.2.3 Cập nhật nội dung động với W3C DOM 19

IV.3 Gửi các tham số request từ phía client 19

IV.3.1 Gửi các tham số request theo chuẩn XML 19

IV.3.2 Gửi dữ liệu tới server bằng JSON 19

IV.4 Kết luận 19

CHƯƠNG V: Xây dựng ứng dụng AddressBook 20

V.1 Giới thiệu 20

V.2 Thiết kế các module trong ứng dụng 20

V.3 Thiết kế cơ sở dữ liệu 20

V.4 Triển khai ứng dụng 20

V.4.1 Yêu cầu 20

V.4.2 Qui trình cài đặt 21

V.4.3 Kết quả cài đặt ứng dụng trên Windows 21

V.5 Triển khai một ứng dụng không dùng AJAX 21

V.5.1 Giới thiệu và cài đặt ứng dụng SimpleAddressBook 21

VI.5.2 So sánh hai ứng dụng AddressBook và SimpleAddressBook 22

KẾT LUẬN 22

Nhiệm vụ của đồ án

Đồ án này tập trung nghiên cứu về công nghệ Ajax và ứng dụng của nó, trong đó tập trung vào các yếu tố sau:

 Giới thiệu về AJAX, các công nghệ trong AJAX

 Việc truyền và xử lý dữ liệu trong AJAX

 Các framework cho phát triển ứng dụng web với AJAX

 Xây dựng ứng dụng áp dụng AJAX

Kết quả

 Nêu lên quá trình phát triển của công nghệ Web và thế hệ Web 2.0

 Tìm hiểu các công nghệ trong AJAX đó là CSS, DOM, XML và JavaScript

 Nghiên cứu về đối tượng XMLHttpRequest, đây là trái tim của công nghệ AJAX

 Nghiên cứu việc truyền và xử lí dữ liệu phía client cũng như server

 Xây dựng ứng dụng với AJAX

KẾT LUẬN

AJAX là một công nghệ mang tính đột phá và là công nghệ chủ chốt của thế hệ Web 2.0. Với AJAX, không chỉ là vấn đề cải thiện tốc độ duyệt Web, mà quan trọng hơn đó là việc xóa nhòa ranh giới giữa các ứng dụng Web và ứng dụng Desktop.

Việc mô hình hóa theo hướng đối tượng (DOM) các trang web cho ta một hướng tiếp cận và thao tác với từng phần của trang web với các ngôn ngữ script (như JavaScript) trở nên dễ dàng và hiệu quả. Để hiển thị các trang web phía client thì CSS là một giải pháp hoàn hảo. Sự kết hợp các công nghệ hiển thị và cập nhật nội dung phía trình duyệt cộng với việc truyền dữ liệu bất đồng bộ qua XMLHtttpRequest đã hình thành lên AJAX.

AJAX có thể mở ra một hướng đi mới cho CNTT, khi đó có thể chia sẻ và tiết kiệm tối đa. Một số hướng nghiên cứu và phát triển với AJAX có thể được triển khai là:

- Xây dựng các ứng dụng Web để thay thế các ứng dụng desktop.

- Nâng cao tính cộng đồng và chia sẻ trong các ứng dụng Web (một ví dụ là ứng dụng flickr).

- Xây dựng các ứng dụng web có tính tương tác cao với người dùng (như các ứng dụng blog, wiki)

- Tạo ra các ứng dụng Web kiểu AJAX thay thế các ứng dụng web truyền thống.

Tất nhiên, AJAX đang trong quá trình hoàn thiện, vẫn có nhiều vấn đề phải giải quyết, nhưng trong tương lai gần, các ứng dụng AJAX sẽ dần thay thế các ứng dụng dùng công nghệ truyền thống.